{"title":"CORPORATE \u0026 EXECUTIVE SPACES","description":"\u003cp\u003e\u003cspan\u003eModern. Refined. Commanding.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eA collection curated for boardrooms, executive offices, corporate lobbies, and high-end commercial environments.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eBlack \u0026amp; white power pieces.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eGold \u0026amp; Noir prestige works.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eLarge-scale abstracts that convey confidence, stability, and vision.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThis is art that speaks the language of leadership.\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":"eclipse-en-pointe","title":"ECLIPSE EN POINTE Luxury Ballet Wall Art | Eclipse en Pointe by Kasian Art Studio","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eEclipse en Pointe — Luxury Ballet Wall Art | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A refined black-and-white ballet artwork capturing strength, balance, and motion—designed for luxury homes and hospitality interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    :root {\n        --bg-dark: #0a0a0a;\n        --bg-elevated: #141414;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a8a8a8;\n        --accent-stone: #c4b5a0;\n        --accent-silver: #9a9a9a;\n        --accent-charcoal: #4a4a4a;\n        --divider: rgba(255, 255, 255, 0.1);\n    }\n    \n    html {\n        scroll-behavior: smooth;\n    }\n    \n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--bg-dark);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n    \n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--divider);\n        transition: all 0.3s ease;\n    }\n    \n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n    \n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n    \n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .nav-links a:hover {\n        color: var(--accent-stone);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 2rem 4rem;\n        overflow: hidden;\n    }\n    \n    \/* Flowing arc animation *\/\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 20%;\n        right: -10%;\n        width: 800px;\n        height: 800px;\n        border: 1px solid rgba(196, 181, 160, 0.15);\n        border-radius: 50%;\n        animation: arcFlow 20s ease-in-out infinite;\n    }\n    \n    @keyframes arcFlow {\n        0%, 100% { \n            transform: rotate(0deg) scale(1);\n            opacity: 0.3;\n        }\n        50% { \n            transform: rotate(15deg) scale(1.1);\n            opacity: 0.5;\n        }\n    }\n    \n    \/* Subtle motion blur effect *\/\n    .hero::after {\n        content: '';\n        position: absolute;\n        top: 30%;\n        left: 20%;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(ellipse at center, rgba(196, 181, 160, 0.08) 0%, transparent 60%);\n        animation: breatheMotion 15s ease-in-out infinite;\n        pointer-events: none;\n    }\n    \n    @keyframes breatheMotion {\n        0%, 100% { \n            transform: translateY(0) scale(1);\n            opacity: 0.3;\n        }\n        50% { \n            transform: translateY(-30px) scale(1.15);\n            opacity: 0.5;\n        }\n    }\n    \n    .hero-content {\n        text-align: center;\n        max-width: 900px;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease-out;\n    }\n    \n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 400;\n        letter-spacing: 2px;\n        margin-bottom: 1rem;\n        line-height: 1.1;\n        text-shadow: 2px 2px 20px rgba(196, 181, 160, 0.3);\n        color: var(--accent-stone);\n    }\n    \n    .edition {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        color: var(--accent-silver);\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n    \n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        font-style: italic;\n        color: var(--text-primary);\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-charcoal);\n        color: var(--text-primary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-charcoal);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n    \n    .cta-button:hover::before {\n        left: 0;\n    }\n    \n    .cta-button:hover {\n        border-color: var(--accent-stone);\n        color: var(--text-primary);\n    }\n    \n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n    \n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 400;\n        text-align: center;\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n        color: var(--accent-stone);\n    }\n    \n    .divider {\n        width: 80px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--accent-silver), transparent);\n        margin: 3rem auto;\n    }\n    \n    \/* Video Section *\/\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border-radius: 0;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);\n        border: 1px solid rgba(196, 181, 160, 0.15);\n    }\n    \n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n    \n    \/* Description Section *\/\n    .description {\n        background: var(--bg-elevated);\n        border-radius: 0;\n    }\n    \n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .short-description {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        line-height: 1.6;\n        color: var(--accent-stone);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .long-description {\n        font-size: 1.1rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        text-align: left;\n    }\n    \n    .long-description p {\n        margin-bottom: 1.5rem;\n    }\n    \n    .long-description strong {\n        color: var(--accent-stone);\n    }\n    \n    \/* Backstory Section *\/\n    .backstory {\n        background: var(--bg-dark);\n    }\n    \n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.6rem;\n        line-height: 1.9;\n        color: var(--accent-silver);\n        text-align: center;\n        font-style: italic;\n        font-weight: 300;\n    }\n    \n    .backstory-text p {\n        margin-bottom: 1.5rem;\n    }\n    \n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n    \n    .feature-card {\n        background: var(--bg-elevated);\n        padding: 3rem 2rem;\n        text-align: center;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border: 1px solid transparent;\n    }\n    \n    .feature-card:hover {\n        transform: translateY(-5px);\n        border-color: rgba(196, 181, 160, 0.2);\n        box-shadow: 0 10px 30px rgba(196, 181, 160, 0.1);\n    }\n    \n    .feature-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent-silver);\n    }\n    \n    .feature-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n        color: var(--accent-stone);\n        font-weight: 400;\n    }\n    \n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Stats Grid *\/\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n    }\n    \n    .stat-card {\n        text-align: center;\n        padding: 2rem;\n        background: var(--bg-elevated);\n        border: 1px solid rgba(196, 181, 160, 0.15);\n    }\n    \n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 400;\n        color: var(--accent-stone);\n        margin-bottom: 0.5rem;\n    }\n    \n    .stat-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n    \n    \/* Pairings Section *\/\n    .pairings {\n        background: var(--bg-elevated);\n    }\n    \n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 3rem;\n    }\n    \n    .pairing-card {\n        text-align: center;\n        transition: transform 0.3s ease;\n        padding: 2rem;\n    }\n    \n    .pairing-card:hover {\n        transform: translateY(-5px);\n    }\n    \n    .pairing-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n        color: var(--accent-stone);\n        font-weight: 400;\n    }\n    \n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Collection CTA *\/\n    .collection-cta {\n        background: var(--bg-dark);\n        text-align: center;\n    }\n    \n    .collection-link {\n        display: inline-block;\n        margin-top: 2rem;\n        padding: 1.2rem 3rem;\n        border: 2px solid var(--accent-charcoal);\n        color: var(--text-primary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n    }\n    \n    .collection-link:hover {\n        background: var(--accent-charcoal);\n        border-color: var(--accent-stone);\n        color: var(--text-primary);\n    }\n    \n    \/* Investment Section *\/\n    .investment {\n        background: var(--bg-elevated);\n    }\n    \n    .target-spaces {\n        text-align: center;\n        margin-top: 3rem;\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Luxury Brands *\/\n    .luxury-brands {\n        background: var(--bg-dark);\n        text-align: center;\n        padding: 4rem 2rem;\n    }\n    \n    .brands-list {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        letter-spacing: 3px;\n        color: var(--accent-silver);\n        margin-top: 2rem;\n    }\n    \n    \/* Final CTA *\/\n    .final-cta {\n        background: var(--bg-elevated);\n        text-align: center;\n        padding: 8rem 2rem;\n    }\n    \n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 2rem;\n        color: var(--accent-stone);\n        font-weight: 400;\n    }\n    \n    .final-cta .cta-button {\n        margin-top: 2rem;\n    }\n    \n    \/* Footer *\/\n    footer {\n        background: var(--bg-dark);\n        padding: 3rem 2rem;\n        text-align: center;\n        border-top: 1px solid var(--divider);\n    }\n    \n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n    \n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n    \n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .social-links a:hover {\n        color: var(--accent-stone);\n    }\n    \n    .copyright {\n        color: var(--text-secondary);\n        font-size: 0.85rem;\n        letter-spacing: 1px;\n    }\n    \n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        nav {\n            padding: 1rem;\n        }\n        \n        .nav-links {\n            display: none;\n        }\n        \n        .hero {\n            padding: 6rem 1rem 3rem;\n        }\n        \n        .hero::before,\n        .hero::after {\n            display: none;\n        }\n        \n        section {\n            padding: 4rem 1rem;\n        }\n        \n        .features-grid,\n        .stats-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eEclipse en Pointe\u003c\/h1\u003e\n        \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20en%20Pointe\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/cdnHGYH09qc\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n    \u003cdiv class=\"description-content fade-in\"\u003e\n        \u003cp class=\"short-description\"\u003eA sculptural ballet study capturing power, control, and transcendence in motion.\u003c\/p\u003e\n        \u003cdiv class=\"long-description\"\u003e\n            \u003cp\u003eEclipse en Pointe is a commanding celebration of disciplined strength and elegant surrender.\u003c\/p\u003e\n            \n            \u003cp\u003eSuspended mid-arc, the dancer forms a near-mythic silhouette—body extended beyond gravity, balanced between restraint and release. A sweeping arc of texture curves around the figure like a cosmic wind, evoking time, breath, and momentum. The palette is restrained—soft stone, charcoal, and shadow—allowing form to dominate with quiet authority.\u003c\/p\u003e\n            \n            \u003cp\u003eThis work speaks to precision rather than performance. It honors mastery earned through repetition, silence, and devotion. There is no excess—only intent.\u003c\/p\u003e\n            \n            \u003cp\u003eDesigned for collectors, designers, and hospitality curators who understand the psychology of space, Eclipse en Pointe anchors modern interiors with calm confidence. It belongs in skyline penthouses, executive lounges, gallery walls, and luxury residences where art must communicate strength without noise.\u003c\/p\u003e\n            \n            \u003cp\u003e\u003cstrong\u003eThis is not decorative movement. It is mastery captured in stillness.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content fade-in\"\u003e\n        \u003cdiv class=\"backstory-text\"\u003e\n            \u003cp\u003eWhere discipline becomes poetry—\u003c\/p\u003e\n            \u003cp\u003eand motion becomes silence.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e○\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e○\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure exceptional tonal depth and longevity exceeding 100 years. Printed with archival pigment inks on premium substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e○\u003c\/div\u003e\n            \u003ch3\u003eSculptural Mastery\u003c\/h3\u003e\n            \u003cp\u003eFigurative studies of movement and discipline maintain timeless appeal among sophisticated collectors. Designed for spaces valuing precision, restraint, and the poetry of human form.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3\u003eNocturne Arc\u003c\/h3\u003e\n            \u003cp\u003eBlack and white motion abstract that echoes the flowing movement and disciplined energy of Eclipse en Pointe\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3\u003eSilent Radius\u003c\/h3\u003e\n            \u003cp\u003eMinimal sculptural form study that continues the narrative of balance, restraint, and architectural harmony\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n        Together, these pieces create a refined narrative of movement, quiet discipline, and architectural harmony.\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n        Eclipse en Pointe is part of the Black \u0026amp; White Luxury Collection—a curated selection of monochrome works celebrating form, restraint, and timeless elegance.\n    \u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cp\u003eSkyline penthouses • Executive lounges • Gallery walls • Luxury residences\u003cbr\u003e\n        Hospitality suites • Ballet studios • Architectural firms • Curated corporate spaces\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n    \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n    \u003cdiv class=\"brands-list\"\u003e\n        Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n    \u003ch2\u003eAcquire Eclipse en Pointe\u003c\/h2\u003e\n    \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n        Limited to 50 numbered pieces. Reserve yours before this edition closes.\n    \u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20en%20Pointe%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for fade-in animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header scroll effect\n    let lastScroll = 0;\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        const currentScroll = window.pageYOffset;\n\n        if (currentScroll \u003e 100) {\n            header.style.padding = '0.8rem 0';\n        } else {\n            header.style.padding = '1.5rem 0';\n        }\n\n        lastScroll = currentScroll;\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076960506021,"sku":"4510227_16039","price":6071.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4238.png?v=1764968056"},{"product_id":"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":"nocturne-muse","title":"Nocturne Muse — Sculptural Noir Figure Study","description":"\u003cbody\u003e\n\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eNocturne Muse — Luxury Noir Figure Art | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade noir figurative artwork designed for penthouses, boutique hotels, and refined modern interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    :root {\n        --bg-dark: #0a0a0a;\n        --bg-elevated: #141414;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a8a8a8;\n        --accent-noir: #2a2a2a;\n        --accent-light: #e8e8e8;\n        --divider: rgba(255, 255, 255, 0.1);\n    }\n    \n    html {\n        scroll-behavior: smooth;\n    }\n    \n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--bg-dark);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n    \n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--divider);\n        transition: all 0.3s ease;\n    }\n    \n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n    \n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n    \n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .nav-links a:hover {\n        color: var(--text-primary);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 2rem 4rem;\n        overflow: hidden;\n    }\n    \n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: radial-gradient(ellipse at center, rgba(42, 42, 42, 0.3) 0%, transparent 70%);\n        animation: pulseNoir 8s ease-in-out infinite;\n    }\n    \n    @keyframes pulseNoir {\n        0%, 100% { opacity: 0.3; transform: scale(1); }\n        50% { opacity: 0.5; transform: scale(1.05); }\n    }\n    \n    .hero-content {\n        text-align: center;\n        max-width: 900px;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease-out;\n    }\n    \n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 600;\n        letter-spacing: 2px;\n        margin-bottom: 1rem;\n        line-height: 1.1;\n        text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);\n    }\n    \n    .edition {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n    \n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        font-style: italic;\n        color: var(--accent-light);\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-noir);\n        color: var(--text-primary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-noir);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n    \n    .cta-button:hover::before {\n        left: 0;\n    }\n    \n    .cta-button:hover {\n        border-color: var(--text-primary);\n    }\n    \n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n    \n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 600;\n        text-align: center;\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n    }\n    \n    .divider {\n        width: 80px;\n        height: 2px;\n        background: var(--accent-noir);\n        margin: 3rem auto;\n    }\n    \n    \/* Video Section *\/\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border-radius: 0;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);\n    }\n    \n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n    \n    \/* Description Section *\/\n    .description {\n        background: var(--bg-elevated);\n        border-radius: 0;\n    }\n    \n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .short-description {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        line-height: 1.6;\n        color: var(--accent-light);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .long-description {\n        font-size: 1.1rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        text-align: left;\n    }\n    \n    .long-description p {\n        margin-bottom: 1.5rem;\n    }\n    \n    \/* Backstory Section *\/\n    .backstory {\n        background: var(--bg-dark);\n    }\n    \n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.4rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        text-align: center;\n        font-style: italic;\n    }\n    \n    .backstory-text p {\n        margin-bottom: 2rem;\n    }\n    \n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n    \n    .feature-card {\n        background: var(--bg-elevated);\n        padding: 3rem 2rem;\n        text-align: center;\n        transition: transform 0.3s ease;\n    }\n    \n    .feature-card:hover {\n        transform: translateY(-5px);\n    }\n    \n    .feature-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1.5rem;\n    }\n    \n    .feature-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n    }\n    \n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Stats Grid *\/\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n    }\n    \n    .stat-card {\n        text-align: center;\n        padding: 2rem;\n        background: var(--bg-elevated);\n    }\n    \n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 600;\n        color: var(--accent-light);\n        margin-bottom: 0.5rem;\n    }\n    \n    .stat-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n    \n    \/* Pairings Section *\/\n    .pairings {\n        background: var(--bg-elevated);\n    }\n    \n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 3rem;\n    }\n    \n    .pairing-card {\n        text-align: center;\n        transition: transform 0.3s ease;\n    }\n    \n    .pairing-card:hover {\n        transform: translateY(-5px);\n    }\n    \n    .pairing-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n    }\n    \n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Collection CTA *\/\n    .collection-cta {\n        background: var(--bg-dark);\n        text-align: center;\n    }\n    \n    .collection-link {\n        display: inline-block;\n        margin-top: 2rem;\n        padding: 1.2rem 3rem;\n        border: 2px solid var(--accent-noir);\n        color: var(--text-primary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n    }\n    \n    .collection-link:hover {\n        background: var(--accent-noir);\n        border-color: var(--text-primary);\n    }\n    \n    \/* Investment Section *\/\n    .investment {\n        background: var(--bg-elevated);\n    }\n    \n    .target-spaces {\n        text-align: center;\n        margin-top: 3rem;\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Luxury Brands *\/\n    .luxury-brands {\n        background: var(--bg-dark);\n        text-align: center;\n        padding: 4rem 2rem;\n    }\n    \n    .brands-list {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        letter-spacing: 3px;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n    }\n    \n    \/* Final CTA *\/\n    .final-cta {\n        background: var(--bg-elevated);\n        text-align: center;\n        padding: 8rem 2rem;\n    }\n    \n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 2rem;\n    }\n    \n    .final-cta .cta-button {\n        margin-top: 2rem;\n    }\n    \n    \/* Footer *\/\n    footer {\n        background: var(--bg-dark);\n        padding: 3rem 2rem;\n        text-align: center;\n        border-top: 1px solid var(--divider);\n    }\n    \n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n    \n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n    \n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .social-links a:hover {\n        color: var(--text-primary);\n    }\n    \n    .copyright {\n        color: var(--text-secondary);\n        font-size: 0.85rem;\n        letter-spacing: 1px;\n    }\n    \n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        nav {\n            padding: 1rem;\n        }\n        \n        .nav-links {\n            display: none;\n        }\n        \n        .hero {\n            padding: 6rem 1rem 3rem;\n        }\n        \n        section {\n            padding: 4rem 1rem;\n        }\n        \n        .features-grid,\n        .stats-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eNocturne Muse\u003c\/h1\u003e\n        \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Nocturne%20Muse\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/M01lyJ944fE\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n    \u003cdiv class=\"description-content fade-in\"\u003e\n        \u003cp class=\"short-description\"\u003eA masterful expression of control, elegance, and sensual restraint.\u003c\/p\u003e\n        \u003cdiv class=\"long-description\"\u003e\n            \u003cp\u003eNocturne Muse exists in the space between dominance and delicacy. Rendered in tonal noir, the figure is composed yet relaxed—one leg folded, the other grounded, hands poised with intention. The wide-brim hat obscures identity, inviting the viewer into mystery rather than recognition. This anonymity is deliberate. The subject is not a woman—she is a presence.\u003c\/p\u003e\n            \n            \u003cp\u003eThe sculptural shadows carve the body like marble, evoking atelier studies from Parisian studios while maintaining a modern, editorial confidence. The black bodysuit reads architectural; the skin, luminous. Every line is quiet. Every curve intentional.\u003c\/p\u003e\n            \n            \u003cp\u003eDesigned for elevated interiors—executive offices, designer lofts, penthouse studies, boutique hotel suites—this piece commands authority without excess. It speaks to collectors who understand that true power is never rushed, never loud.\u003c\/p\u003e\n            \n            \u003cp\u003e\u003cstrong\u003eThis artwork does not decorate a room. It commands it.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content fade-in\"\u003e\n        \u003cdiv class=\"backstory-text\"\u003e\n            \u003cp\u003eShe does not ask to be seen.\u003c\/p\u003e\n            \u003cp\u003eShe allows it.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will ever be created.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure exceptional tonal depth and longevity exceeding 100 years. Printed with archival pigment inks on premium cotton substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eFigurative noir artwork maintains strong demand among sophisticated collectors. Designed for spaces that understand luxury beyond trend—penthouses, boutique hotels, executive offices, and private galleries.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3\u003eSilent Line\u003c\/h3\u003e\n            \u003cp\u003eMinimal black abstract that echoes the architectural restraint and sculptural simplicity of Nocturne Muse\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3\u003eVeiled Gaze\u003c\/h3\u003e\n            \u003cp\u003eNoir portrait study that continues the theme of concealed identity and quiet confidence\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n        Together they create a gallery-level narrative ideal for luxury offices, private salons, and hospitality corridors.\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n        Nocturne Muse is part of the Black \u0026amp; White Luxury Collection—a curated selection of timeless figurative and abstract works designed for sophisticated modern interiors.\n    \u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cp\u003eExecutive offices • Designer lofts • Penthouse studies • Boutique hotel suites\u003cbr\u003e\n        Private salons • Gallery walls • Hospitality corridors • Luxury residential spaces\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n    \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n    \u003cdiv class=\"brands-list\"\u003e\n        Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n    \u003ch2\u003eAcquire Nocturne Muse\u003c\/h2\u003e\n    \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n        Limited to 50 numbered pieces. Reserve yours before this edition closes.\n    \u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Nocturne%20Muse%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for fade-in animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header scroll effect\n    let lastScroll = 0;\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        const currentScroll = window.pageYOffset;\n\n        if (currentScroll \u003e 100) {\n            header.style.padding = '0.8rem 0';\n        } else {\n            header.style.padding = '1.5rem 0';\n        }\n\n        lastScroll = currentScroll;\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076990914725,"sku":"1905047_16039","price":8964.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/B03370E2-9AA7-4F5E-A366-3671D377D450.png?v=1764880320"},{"product_id":"eternal-ascent","title":"Eternal Ascent — Poise in Motion","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eLuxury Ballet Wall Art | Eternal Ascent by Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A museum-grade black-and-white ballet artwork capturing strength, grace, and timeless movement 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: #a8a8a8;\n        --text-primary: #e8e8e8;\n        --text-secondary: #a0a0a0;\n        --border-color: #2a2a2a;\n        --highlight-color: #d0d0d0;\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(--highlight-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: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(168, 168, 168, 0.06) 0%, transparent 70%);\n        animation: gracefulPulse 6s ease-in-out infinite;\n    }\n\n    @keyframes gracefulPulse {\n        0%, 100% { \n            transform: translate(-50%, -50%) scale(1);\n            opacity: 0.3;\n        }\n        50% { \n            transform: translate(-50%, -50%) scale(1.1);\n            opacity: 0.5;\n        }\n    }\n\n    \/* Floating particles animation *\/\n    .hero::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-image: \n            radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px),\n            radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);\n        background-size: 50px 50px, 80px 80px;\n        background-position: 0 0, 40px 40px;\n        animation: floatParticles 20s linear infinite;\n        pointer-events: none;\n    }\n\n    @keyframes floatParticles {\n        0% { transform: translateY(0); }\n        100% { transform: translateY(-100px); }\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        animation: titleGlow 3s ease-in-out infinite alternate;\n    }\n\n    @keyframes titleGlow {\n        from { text-shadow: 0 0 20px rgba(168, 168, 168, 0.1); }\n        to { text-shadow: 0 0 30px rgba(168, 168, 168, 0.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        transition: all 0.3s ease;\n    }\n\n    .edition-badge:hover {\n        border-color: var(--highlight-color);\n        box-shadow: 0 0 20px rgba(168, 168, 168, 0.1);\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(--highlight-color);\n        border-color: var(--highlight-color);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(168, 168, 168, 0.15);\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: linear-gradient(to right, transparent, var(--accent-color), transparent);\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        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: 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.8rem;\n        font-style: italic;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n        line-height: 1.6;\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        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(168, 168, 168, 0.05), 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(0, 0, 0, 0.3);\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.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        transition: transform 0.3s ease;\n    }\n\n    .stat-item:hover {\n        transform: scale(1.05);\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        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        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(--highlight-color);\n        transform: translateY(-2px);\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(--highlight-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\"\u003eEternal Ascent\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003ePoise in Motion\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\/y76VzN896VU\" 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 timeless embodiment of strength, grace, and disciplined beauty.\u003c\/p\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"long-description\"\u003e\n            \u003cp\u003eEternal Ascent captures the breath held between effort and elegance.\u003c\/p\u003e\n            \u003cp\u003eSuspended in mid-motion, the dancer rises in perfect equilibrium—muscle, bone, and intention aligned. This is not performance for applause; it is mastery for oneself. The sculptural line of the body against deep noir creates a dialogue between tension and release, discipline and freedom.\u003c\/p\u003e\n            \u003cp\u003eRendered in monochrome restraint, the composition honors classical form while speaking fluently to contemporary luxury interiors. Light grazes the figure softly, revealing strength without noise. The surrounding darkness is intentional—allowing the subject's presence to command the room without excess.\u003c\/p\u003e\n            \u003cp\u003eThis piece belongs in spaces that value precision, control, and quiet power: modern penthouses, private wellness retreats, executive lounges, luxury hotels, and museum-caliber gallery walls.\u003c\/p\u003e\n            \u003cp\u003eThis is not décor.\u003cbr\u003eIt is devotion translated into form.\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\"\u003ePerfection isn't loud.\u003cbr\u003eIt is practiced—again and again—until it becomes inevitable.\u003c\/p\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp\u003eEternal Ascent was born from a deep respect for the discipline required to make something appear effortless. Ballet is not about the performance—it's about the thousands of hours spent in the studio, refining a single movement until it becomes second nature.\u003c\/p\u003e\n        \u003cp\u003eThis piece honors that journey. The dancer, suspended in a moment of perfect balance, represents the culmination of dedication, sacrifice, and unwavering focus. There is no audience here. No applause. Only the quiet satisfaction of achieving what was once impossible.\u003c\/p\u003e\n        \u003cp\u003eThe monochrome palette strips away distraction, leaving only form and shadow. The darkness surrounding the figure is not emptiness—it is the space where effort transforms into grace. Where discipline becomes freedom.\u003c\/p\u003e\n        \u003cp\u003eFor collectors who understand that true luxury is not about excess, but about mastery, Eternal Ascent speaks volumes in its silence.\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 for discerning patrons.\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 and clarity.\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\"\u003eMonochrome figurative photography maintains strong demand among collectors who value classical form, discipline, and timeless elegance. 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;\"\u003eEternal Ascent pairs beautifully with minimalist works that share its emphasis on form, discipline, and monochrome elegance.\u003c\/p\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eSilent Balance\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eA minimalist form study exploring equilibrium, negative space, and the beauty of restraint. Together, these pieces create a gallery-style installation celebrating the intersection of art and athletic grace.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eAfter the Movement\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eAn abstract charcoal composition capturing the energy that remains after motion ceases. Paired with Eternal Ascent, they form a narrative about the visible and invisible aspects of performance.\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\"\u003eEternal Ascent belongs to our Black \u0026amp; White Luxury Collection—a curated series of monochrome masterworks designed for collectors who value classical elegance, timeless form, and sophisticated restraint.\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;\"\u003eEternal Ascent is curated for spaces that honor discipline, precision, and the quiet power of mastery. This piece elevates interiors where every element is chosen with intention and care.\u003c\/p\u003e\n    \u003cdiv class=\"spaces-list fade-in\"\u003e\n        \u003cdiv class=\"space-tag\"\u003eModern Penthouses\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eWellness Retreats\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eExecutive Lounges\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eLuxury Hotels\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eDance Studios\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eMuseum Galleries\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003ePrivate Collections\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":46076991307941,"sku":"9131749_16039","price":10295.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/65F56CA1-09AE-42AB-9DCE-D701DC4299DD.png?v=1764807300"},{"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":"aurelia-in-suspension","title":"Aurelia in Suspension — Sculptural Figure in Gold","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eAurelia in Suspension — Luxury Sculptural Figure Art | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade figurative artwork in warm gold tones, designed for penthouses, boutique hotels, wellness suites, and modern interiors. Limited edition of 50.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    :root {\n        --bg-dark: #0a0a0a;\n        --bg-elevated: #141414;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a8a8a8;\n        --accent-gold: #c9a227;\n        --accent-warm: #d4a574;\n        --accent-mineral: #b8925a;\n        --divider: rgba(255, 255, 255, 0.1);\n    }\n    \n    html {\n        scroll-behavior: smooth;\n    }\n    \n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--bg-dark);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n    \n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--divider);\n        transition: all 0.3s ease;\n    }\n    \n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n    \n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n    \n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .nav-links a:hover {\n        color: var(--accent-gold);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 2rem 4rem;\n        overflow: hidden;\n    }\n    \n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.12) 0%, transparent 70%);\n        animation: sculptedLight 12s ease-in-out infinite;\n    }\n    \n    @keyframes sculptedLight {\n        0%, 100% { \n            opacity: 0.25; \n            transform: scale(1) translateY(0);\n        }\n        50% { \n            opacity: 0.4; \n            transform: scale(1.1) translateY(-20px);\n        }\n    }\n    \n    \/* Vertical line accent - like a ballet barre *\/\n    .hero::after {\n        content: '';\n        position: absolute;\n        left: 15%;\n        top: 20%;\n        width: 1px;\n        height: 60%;\n        background: linear-gradient(to bottom, transparent, var(--accent-gold), transparent);\n        opacity: 0.3;\n        animation: extendLine 8s ease-in-out infinite;\n    }\n    \n    @keyframes extendLine {\n        0%, 100% { height: 60%; opacity: 0.3; }\n        50% { height: 70%; opacity: 0.5; }\n    }\n    \n    .hero-content {\n        text-align: center;\n        max-width: 900px;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease-out;\n    }\n    \n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 600;\n        letter-spacing: 2px;\n        margin-bottom: 1rem;\n        line-height: 1.1;\n        text-shadow: 2px 2px 20px rgba(201, 162, 39, 0.3);\n        color: var(--accent-warm);\n    }\n    \n    .edition {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        color: var(--accent-gold);\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n    \n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        font-style: italic;\n        color: var(--text-primary);\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-gold);\n        color: var(--text-primary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-gold);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n    \n    .cta-button:hover::before {\n        left: 0;\n    }\n    \n    .cta-button:hover {\n        border-color: var(--accent-warm);\n        color: var(--bg-dark);\n    }\n    \n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n    \n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 600;\n        text-align: center;\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n        color: var(--accent-warm);\n    }\n    \n    .divider {\n        width: 80px;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n        margin: 3rem auto;\n    }\n    \n    \/* Video Section *\/\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border-radius: 0;\n        box-shadow: 0 20px 60px rgba(201, 162, 39, 0.15);\n    }\n    \n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n    \n    \/* Description Section *\/\n    .description {\n        background: var(--bg-elevated);\n        border-radius: 0;\n    }\n    \n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .short-description {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        line-height: 1.6;\n        color: var(--accent-warm);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .long-description {\n        font-size: 1.1rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        text-align: left;\n    }\n    \n    .long-description p {\n        margin-bottom: 1.5rem;\n    }\n    \n    .long-description strong {\n        color: var(--accent-gold);\n    }\n    \n    \/* Backstory Section *\/\n    .backstory {\n        background: var(--bg-dark);\n    }\n    \n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.6rem;\n        line-height: 1.9;\n        color: var(--accent-gold);\n        text-align: center;\n        font-style: italic;\n    }\n    \n    .backstory-text p {\n        margin-bottom: 1.5rem;\n    }\n    \n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n    \n    .feature-card {\n        background: var(--bg-elevated);\n        padding: 3rem 2rem;\n        text-align: center;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border: 1px solid transparent;\n    }\n    \n    .feature-card:hover {\n        transform: translateY(-5px);\n        border-color: rgba(201, 162, 39, 0.3);\n        box-shadow: 0 10px 30px rgba(201, 162, 39, 0.1);\n    }\n    \n    .feature-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent-gold);\n    }\n    \n    .feature-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n        color: var(--accent-warm);\n    }\n    \n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Stats Grid *\/\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n    }\n    \n    .stat-card {\n        text-align: center;\n        padding: 2rem;\n        background: var(--bg-elevated);\n        border: 1px solid rgba(201, 162, 39, 0.2);\n    }\n    \n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 600;\n        color: var(--accent-gold);\n        margin-bottom: 0.5rem;\n    }\n    \n    .stat-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n    \n    \/* Pairings Section *\/\n    .pairings {\n        background: var(--bg-elevated);\n    }\n    \n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 3rem;\n    }\n    \n    .pairing-card {\n        text-align: center;\n        transition: transform 0.3s ease;\n        padding: 2rem;\n    }\n    \n    .pairing-card:hover {\n        transform: translateY(-5px);\n    }\n    \n    .pairing-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n        color: var(--accent-warm);\n    }\n    \n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Collection CTA *\/\n    .collection-cta {\n        background: var(--bg-dark);\n        text-align: center;\n    }\n    \n    .collection-link {\n        display: inline-block;\n        margin-top: 2rem;\n        padding: 1.2rem 3rem;\n        border: 2px solid var(--accent-gold);\n        color: var(--text-primary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n    }\n    \n    .collection-link:hover {\n        background: var(--accent-gold);\n        border-color: var(--accent-warm);\n        color: var(--bg-dark);\n    }\n    \n    \/* Investment Section *\/\n    .investment {\n        background: var(--bg-elevated);\n    }\n    \n    .target-spaces {\n        text-align: center;\n        margin-top: 3rem;\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Luxury Brands *\/\n    .luxury-brands {\n        background: var(--bg-dark);\n        text-align: center;\n        padding: 4rem 2rem;\n    }\n    \n    .brands-list {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        letter-spacing: 3px;\n        color: var(--accent-gold);\n        margin-top: 2rem;\n    }\n    \n    \/* Final CTA *\/\n    .final-cta {\n        background: var(--bg-elevated);\n        text-align: center;\n        padding: 8rem 2rem;\n    }\n    \n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 2rem;\n        color: var(--accent-warm);\n    }\n    \n    .final-cta .cta-button {\n        margin-top: 2rem;\n    }\n    \n    \/* Footer *\/\n    footer {\n        background: var(--bg-dark);\n        padding: 3rem 2rem;\n        text-align: center;\n        border-top: 1px solid var(--divider);\n    }\n    \n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n    \n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n    \n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .social-links a:hover {\n        color: var(--accent-gold);\n    }\n    \n    .copyright {\n        color: var(--text-secondary);\n        font-size: 0.85rem;\n        letter-spacing: 1px;\n    }\n    \n    \/* Animations *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        nav {\n            padding: 1rem;\n        }\n        \n        .nav-links {\n            display: none;\n        }\n        \n        .hero {\n            padding: 6rem 1rem 3rem;\n        }\n        \n        .hero::after {\n            display: none;\n        }\n        \n        section {\n            padding: 4rem 1rem;\n        }\n        \n        .features-grid,\n        .stats-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#contact\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eAurelia in Suspension\u003c\/h1\u003e\n        \u003cp class=\"edition\"\u003eLimited Edition of 50\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Aurelia%20in%20Suspension\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection id=\"about\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/cfvVYqOZ-Zo\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description\"\u003e\n    \u003cdiv class=\"description-content fade-in\"\u003e\n        \u003cp class=\"short-description\"\u003eA study in discipline, grace, and restrained power—rendered in warm, architectural tones.\u003c\/p\u003e\n        \u003cdiv class=\"long-description\"\u003e\n            \u003cp\u003eAurelia in Suspension captures the exact moment where strength becomes poetry.\u003c\/p\u003e\n            \n            \u003cp\u003eThe figure pauses mid-motion—arms lifted, spine elongated, weight suspended as if time has softened its grip. Her form is both grounded and ascending, echoing classical ballet training while transcending performance into presence. There is no audience. There is no stage. Only control.\u003c\/p\u003e\n            \n            \u003cp\u003eBathed in a warm, mineral-gold palette, the composition reads as sculptural rather than illustrative. Muscle becomes line. Shadow becomes architecture. The negative space is as intentional as the body itself.\u003c\/p\u003e\n            \n            \u003cp\u003eThis artwork was created for interiors where patience, craftsmanship, and discipline are understood as luxury. It is equally at home in refined penthouses, wellness-forward hotel suites, gallery walls, executive residences, and architectural living spaces curated with restraint.\u003c\/p\u003e\n            \n            \u003cp\u003e\u003cstrong\u003eThis is not movement for spectacle. This is movement perfected.\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content fade-in\"\u003e\n        \u003cdiv class=\"backstory-text\"\u003e\n            \u003cp\u003eShe is not performing.\u003c\/p\u003e\n            \u003cp\u003eShe is holding the world exactly where she wants it.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"features\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is numbered and authenticated, ensuring exclusivity and long-term collector value. No reproductions beyond this edition will be created.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure exceptional tonal depth and longevity exceeding 100 years. Printed with archival pigment inks on premium cotton substrates, gallery-approved for luxury environments.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n            \u003ch3\u003eSculptural Refinement\u003c\/h3\u003e\n            \u003cp\u003eFigurative works emphasizing discipline and restraint maintain strong appeal among sophisticated collectors. Designed for spaces valuing patience, craftsmanship, and quiet power.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eGrade Materials\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3\u003eQuiet Discipline\u003c\/h3\u003e\n            \u003cp\u003eMinimal gold abstract that echoes the architectural restraint and linear precision of Aurelia in Suspension\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3\u003ePoise Studies I\u003c\/h3\u003e\n            \u003cp\u003eMonochrome figure work that continues the narrative of controlled movement and sculptural form\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"text-align: center; margin-top: 3rem; color: var(--text-secondary); font-size: 1.1rem;\"\u003e\n        These pairings create a full visual narrative of restraint, balance, and elevated strength.\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 800px; margin: 0 auto;\"\u003e\n        Aurelia in Suspension is part of the Emotional Figurative Collection—a curated selection of contemplative works that explore grace, discipline, and the poetry of human form.\n    \u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"collection-link\" target=\"_blank\"\u003eVIEW FULL COLLECTION\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cp\u003eRefined penthouses • Wellness-forward hotel suites • Gallery walls • Executive residences\u003cbr\u003e\n        Architectural living spaces • Ballet studios • Private collections • Design-forward interiors\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n    \u003ch3 style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; letter-spacing: 2px; color: var(--text-secondary); text-transform: uppercase;\"\u003eCurated For\u003c\/h3\u003e\n    \u003cdiv class=\"brands-list\"\u003e\n        Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"contact\"\u003e\n    \u003ch2\u003eAcquire Aurelia in Suspension\u003c\/h2\u003e\n    \u003cp style=\"color: var(--text-secondary); font-size: 1.1rem; max-width: 700px; margin: 0 auto;\"\u003e\n        Limited to 50 numbered pieces. Reserve yours before this edition closes.\n    \u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Aurelia%20in%20Suspension%20-%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eINSTAGRAM\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFACEBOOK\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePINTEREST\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n    \/\/ Intersection Observer for fade-in animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header scroll effect\n    let lastScroll = 0;\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        const currentScroll = window.pageYOffset;\n\n        if (currentScroll \u003e 100) {\n            header.style.padding = '0.8rem 0';\n        } else {\n            header.style.padding = '1.5rem 0';\n        }\n\n        lastScroll = currentScroll;\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076993208485,"sku":"4822127_16039","price":8274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/BB5EBE5B-924C-46F8-9F0E-A6A74C7A194F.png?v=1764881663"},{"product_id":"obsidian-pulse","title":"Obsidian Pulse — Monochrome Power Abstract","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eLuxury Black \u0026amp; White Abstract Art | Obsidian Pulse by Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A powerful monochrome abstract artwork designed for luxury interiors, penthouses, boutique hotels, and executive spaces. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --accent-color: #c0c0c0;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: rgba(192, 192, 192, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif;\n        font-weight: 400;\n        letter-spacing: 0.5px;\n    }\n\n    .serif-accent {\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 300;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 400;\n        letter-spacing: 2px;\n        color: var(--accent-color);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        padding-top: 80px;\n    }\n\n    .hero-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n\n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 0.7; }\n    }\n\n    \/* Dynamic brushstroke animations *\/\n    .stroke-animation {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    .brush-stroke {\n        position: absolute;\n        background: linear-gradient(135deg, transparent, rgba(192, 192, 192, 0.15), transparent);\n        opacity: 0;\n        transform-origin: center;\n    }\n\n    .brush-stroke:nth-child(1) {\n        width: 3px;\n        height: 200px;\n        top: 10%;\n        left: 15%;\n        animation: strokeSlash 8s ease-in-out infinite;\n    }\n\n    .brush-stroke:nth-child(2) {\n        width: 4px;\n        height: 250px;\n        top: 30%;\n        right: 20%;\n        animation: strokeSlash 10s ease-in-out infinite 2s;\n    }\n\n    .brush-stroke:nth-child(3) {\n        width: 3px;\n        height: 180px;\n        bottom: 20%;\n        left: 25%;\n        animation: strokeSlash 12s ease-in-out infinite 4s;\n    }\n\n    .brush-stroke:nth-child(4) {\n        width: 5px;\n        height: 220px;\n        top: 50%;\n        right: 15%;\n        animation: strokeSlash 9s ease-in-out infinite 6s;\n    }\n\n    @keyframes strokeSlash {\n        0%, 100% {\n            opacity: 0;\n            transform: translateY(0) rotate(0deg) scaleY(0);\n        }\n        10% {\n            opacity: 0.4;\n            transform: translateY(-20px) rotate(45deg) scaleY(1);\n        }\n        50% {\n            opacity: 0.6;\n            transform: translateY(-30px) rotate(50deg) scaleY(1.1);\n        }\n        90% {\n            opacity: 0.3;\n            transform: translateY(-40px) rotate(55deg) scaleY(0.9);\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 0 2rem;\n        animation: fadeInUp 1.5s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.75rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        animation: fadeIn 2s ease-out 0.5s both;\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        margin-bottom: 0.5rem;\n        color: var(--text-primary);\n        letter-spacing: 2px;\n        animation: fadeIn 2s ease-out 0.8s both;\n    }\n\n    .hero-subtitle {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 2rem;\n        color: var(--accent-color);\n        font-style: italic;\n        margin-bottom: 1.5rem;\n        animation: fadeIn 2s ease-out 1s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        animation: fadeIn 2s ease-out 1.1s both;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 2s ease-out 1.4s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-color);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--primary-bg);\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 0 auto 4rem;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background: rgba(192, 192, 192, 0.03);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .description p {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(135deg, rgba(192, 192, 192, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n        padding: 8rem 2rem;\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .backstory-highlight {\n        font-size: 2rem;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n        font-style: italic;\n    }\n\n    .backstory-verse {\n        font-size: 1.5rem;\n        line-height: 2.5;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n    }\n\n    .backstory-verse p {\n        font-size: 1.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(192, 192, 192, 0.1);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.6;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: rgba(192, 192, 192, 0.03);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings {\n        background: rgba(10, 10, 10, 0.8);\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        text-align: center;\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: scale(1.02);\n    }\n\n    .pairing-card h3 {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        color: var(--accent-color);\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        text-align: center;\n        padding: 6rem 2rem;\n        background: linear-gradient(135deg, rgba(192, 192, 192, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n    }\n\n    .collection-cta h2 {\n        font-size: 2.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Investment Section *\/\n    .investment {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .investment p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 0.7rem 1.5rem;\n        border: 1px solid var(--border-color);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent-color);\n        color: var(--accent-color);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background: rgba(192, 192, 192, 0.03);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip h3 {\n        text-align: center;\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 3rem;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--accent-color);\n    }\n\n    .brand-separator {\n        color: var(--border-color);\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: radial-gradient(ellipse at center, rgba(192, 192, 192, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n    }\n\n    .final-cta h2 {\n        font-size: 3rem;\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    footer p {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-subtitle {\n            font-size: 1.5rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav-links {\n            display: none;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* Scroll Fade In *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 1s ease, transform 1s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"stroke-animation\"\u003e\n        \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"brush-stroke\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003ch1\u003eObsidian Pulse\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003eMonochrome Power Abstract\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Obsidian%20Pulse\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/n_BbNf3Uzy0?si=p1mCtL4MvPIlHyFf\" title=\"Obsidian Pulse - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n    \u003cp\u003eA raw, architectural abstraction where motion, tension, and restraint collide.\u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp\u003eBold charcoal arcs, fractured geometry, and gestural strokes that feel both deliberate and instinctive. The contrast between soft erosion and sharp interruption evokes power under control: a visual heartbeat restrained by design.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003eObsidian Pulse is not meant to comfort. It is meant to anchor.\u003c\/p\u003e\n        \n        \u003cp\u003eThis monochrome abstract commands space through force and balance—bold charcoal arcs, fractured geometry, and gestural strokes that feel both deliberate and instinctive. The contrast between soft erosion and sharp interruption evokes power under control: a visual heartbeat restrained by design.\u003c\/p\u003e\n        \n        \u003cp\u003eRendered in deep black, stone ivory, and textured graphite, the composition feels architectural and emotional at once. It belongs in spaces where clarity, authority, and quiet dominance matter—executive lounges, penthouse living rooms, boutique hotel libraries, gallery stairwells.\u003c\/p\u003e\n        \n        \u003cdiv class=\"backstory-verse\"\u003e\n            \u003cp\u003eMovement without chaos.\u003c\/p\u003e\n            \u003cp\u003eForce without noise.\u003c\/p\u003e\n            \u003cp\u003eThis is restraint made visible.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"backstory-highlight\"\u003eThis piece does not follow trends. It establishes presence.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring architectural-level exclusivity and long-term collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003ePrinted using museum-grade archival pigment inks on premium cotton rag paper to preserve tonal depth, texture, and longevity exceeding 100 years.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eMonochrome abstractions maintain exceptional demand in executive and hospitality environments. Power and restraint that transcends trends.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Edition Stats --\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eSilent Grid\u003c\/h3\u003e\n            \u003cp\u003eMinimalist Noir Abstract. Together with Obsidian Pulse, they form a gallery wall rooted in structure, power, and architectural restraint.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eGilded Horizon\u003c\/h3\u003e\n            \u003cp\u003eBlack \u0026amp; Gold Balance Series. Paired, they create a sophisticated dialogue about force under control and the authority of intentional design.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp class=\"serif-accent\"\u003eDiscover more powerful pieces from the Abstract Atmospheric Collection\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cp\u003eObsidian Pulse commands space through force and balance. This piece belongs in environments where clarity, authority, and quiet dominance matter—spaces that establish presence, not follow trends.\u003c\/p\u003e\n    \n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cspan class=\"space-tag\"\u003eExecutive Lounges\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePenthouse Living Rooms\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eBoutique Hotel Libraries\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eGallery Stairwells\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eCorporate Boardrooms\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eArchitectural Foyers\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-logos\"\u003e\n        \u003cspan\u003eAman\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eFour Seasons\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eSt. Regis\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eStrength doesn't shout. Make it yours.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Obsidian%20Pulse%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth' });\n            }\n        });\n    });\n\n    \/\/ Fade in on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076994191525,"sku":"8431439_16039","price":10764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/29DC46D6-A19D-47E7-80B1-21B84FCF1DCD.png?v=1764799613"},{"product_id":"silent-vow","title":"Silent Vow — Gilded Noir Portrait","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eLuxury Noir Portrait Wall Art | Silent Vow by Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A luxury noir portrait in gold and shadow, designed for penthouses, boutique hotels, and refined private collections. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --accent-color: #d4a574;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: rgba(212, 165, 116, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif;\n        font-weight: 400;\n        letter-spacing: 0.5px;\n    }\n\n    .serif-accent {\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 300;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 400;\n        letter-spacing: 2px;\n        color: var(--accent-color);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        padding-top: 80px;\n    }\n\n    .hero-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at center, rgba(212, 165, 116, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n\n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.5; }\n        50% { opacity: 0.8; }\n    }\n\n    \/* Golden candlelight glow animation *\/\n    .candlelight-animation {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    .golden-glow {\n        position: absolute;\n        width: 200px;\n        height: 200px;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(212, 165, 116, 0.2) 0%, transparent 70%);\n        opacity: 0;\n        animation: candleGlow 10s ease-in-out infinite;\n        filter: blur(40px);\n    }\n\n    .golden-glow:nth-child(1) { \n        top: 20%; \n        left: 15%; \n        animation-delay: 0s; \n    }\n    .golden-glow:nth-child(2) { \n        top: 40%; \n        right: 20%; \n        animation-delay: 3s; \n    }\n    .golden-glow:nth-child(3) { \n        bottom: 30%; \n        left: 25%; \n        animation-delay: 6s; \n    }\n\n    @keyframes candleGlow {\n        0%, 100% { \n            opacity: 0;\n            transform: scale(0.8);\n        }\n        50% { \n            opacity: 0.6;\n            transform: scale(1.2);\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 0 2rem;\n        animation: fadeInUp 1.5s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.75rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        animation: fadeIn 2s ease-out 0.5s both;\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        margin-bottom: 0.5rem;\n        color: var(--text-primary);\n        letter-spacing: 2px;\n        animation: fadeIn 2s ease-out 0.8s both;\n    }\n\n    .hero-subtitle {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 2rem;\n        color: var(--accent-color);\n        font-style: italic;\n        margin-bottom: 1.5rem;\n        animation: fadeIn 2s ease-out 1s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        animation: fadeIn 2s ease-out 1.1s both;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 2s ease-out 1.4s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-color);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--primary-bg);\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 0 auto 4rem;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background: rgba(212, 165, 116, 0.03);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .description p {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n        padding: 8rem 2rem;\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .backstory-highlight {\n        font-size: 2rem;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n        font-style: italic;\n    }\n\n    .backstory-verse {\n        font-size: 1.5rem;\n        line-height: 2.5;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n    }\n\n    .backstory-verse p {\n        font-size: 1.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.6;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: rgba(212, 165, 116, 0.03);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings {\n        background: rgba(10, 10, 10, 0.8);\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        text-align: center;\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: scale(1.02);\n    }\n\n    .pairing-card h3 {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        color: var(--accent-color);\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        text-align: center;\n        padding: 6rem 2rem;\n        background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n    }\n\n    .collection-cta h2 {\n        font-size: 2.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Investment Section *\/\n    .investment {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .investment p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 0.7rem 1.5rem;\n        border: 1px solid var(--border-color);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent-color);\n        color: var(--accent-color);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background: rgba(212, 165, 116, 0.03);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip h3 {\n        text-align: center;\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 3rem;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--accent-color);\n    }\n\n    .brand-separator {\n        color: var(--border-color);\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: radial-gradient(ellipse at center, rgba(212, 165, 116, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n    }\n\n    .final-cta h2 {\n        font-size: 3rem;\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    footer p {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-subtitle {\n            font-size: 1.5rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav-links {\n            display: none;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* Scroll Fade In *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 1s ease, transform 1s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"candlelight-animation\"\u003e\n        \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"golden-glow\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003ch1\u003eSilent Vow\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003eGilded Noir Portrait\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Vow\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/hIkD07Ncy5o?si=cdELEPJqpTKvWI3S\" title=\"Silent Vow - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n    \u003cp\u003eA whisper of power, intimacy, and restraint—captured in gold-shadowed silence.\u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp\u003eDraped in shadow, crowned by a wide-brimmed hat, her finger rests gently against her lips, sealing a moment meant only for those who understand discretion. The palette is restrained yet profound: burnished gold, smoky umber, and deep noir.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003eSome art commands attention. Others command silence.\u003c\/p\u003e\n        \n        \u003cp\u003eSilent Vow is a portrait of controlled mystery—an ode to the unsaid. Draped in shadow, crowned by a wide-brimmed hat, her finger rests gently against her lips, sealing a moment meant only for those who understand discretion.\u003c\/p\u003e\n        \n        \u003cp\u003eThe palette is restrained yet profound: burnished gold, smoky umber, and deep noir. Her skin glows like candlelight against dusk. The texture evokes oil pigment and vellum—soft, tactile, and timeless. This is intimacy rendered as power.\u003c\/p\u003e\n        \n        \u003cdiv class=\"backstory-verse\"\u003e\n            \u003cp\u003eShe does not explain.\u003c\/p\u003e\n            \u003cp\u003eShe does not reveal.\u003c\/p\u003e\n            \u003cp\u003eSome truths are protected by silence.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cp\u003eDesigned for penthouse living rooms, private lounges, boutique hotel suites, and collector interiors, this piece creates a cinematic pause. It doesn't decorate the space—it curates silence within it.\u003c\/p\u003e\n        \n        \u003cp class=\"backstory-highlight\"\u003eThis is not fashion art. This is presence.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and long-term collector value for discerning collectors.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade archival pigment ink on cotton rag paper ensures 100+ year longevity. Soft, tactile texture that evokes oil pigment and vellum for timeless collector appeal.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eCinematic noir portraits maintain exceptional demand in luxury hospitality and private collections. Intimate power that transcends trends and commands presence.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Edition Stats --\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eGilded Geometry\u003c\/h3\u003e\n            \u003cp\u003eQuiet Power Series. Together with Silent Vow, they create a narrative wall of luxury restraint and feminine authority rooted in gold and shadow.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eNocturne Silhouette I\u003c\/h3\u003e\n            \u003cp\u003eMinimalist feminine form. Paired, they form an intimate collector's dialogue about discretion, presence, and the power of what remains unsaid.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp class=\"serif-accent\"\u003eDiscover more emotionally resonant pieces from the Emotional Figurative Collection\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cp\u003eSilent Vow creates a cinematic pause in any environment. This piece doesn't decorate—it curates silence, intimacy, and controlled mystery for collectors who value discretion over display.\u003c\/p\u003e\n    \n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cspan class=\"space-tag\"\u003ePenthouse Living Rooms\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePrivate Lounges\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eBoutique Hotel Suites\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eCollector Interiors\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eExecutive Residences\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eGallery Installations\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-logos\"\u003e\n        \u003cspan\u003eAman\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eFour Seasons\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eSt. Regis\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eLuxury doesn't speak. It listens. Make it yours.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Vow%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth' });\n            }\n        });\n    });\n\n    \/\/ Fade in on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46076995240101,"sku":"7969878_16039","price":9414.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/C0D7BD64-AA3A-4D89-A3E8-FA141D3A2200.png?v=1764778508"},{"product_id":"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":"maison-noir-reverie","title":"Maison Noir Reverie — Couture Silence","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eMaison Noir Reverie — Couture-Inspired Luxury Wall Art | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A couture-inspired noir artwork for luxury interiors, boutique hotels, and high-end collectors seeking timeless sophistication. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --accent-color: #d4af7a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: rgba(212, 175, 122, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif;\n        font-weight: 400;\n        letter-spacing: 0.5px;\n    }\n\n    .serif-accent {\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 300;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 400;\n        letter-spacing: 2px;\n        color: var(--accent-color);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        padding-top: 80px;\n    }\n\n    .hero-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n\n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 0.7; }\n    }\n\n    \/* Couture animation - elegant fabric shimmer *\/\n    .couture-animation {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    .silk-shimmer {\n        position: absolute;\n        width: 1px;\n        height: 100%;\n        background: linear-gradient(180deg, \n            transparent 0%, \n            rgba(212, 175, 122, 0.15) 50%, \n            transparent 100%);\n        opacity: 0;\n        animation: silkWave 12s ease-in-out infinite;\n    }\n\n    .silk-shimmer:nth-child(1) { left: 10%; animation-delay: 0s; }\n    .silk-shimmer:nth-child(2) { left: 30%; animation-delay: 3s; }\n    .silk-shimmer:nth-child(3) { left: 50%; animation-delay: 6s; }\n    .silk-shimmer:nth-child(4) { left: 70%; animation-delay: 9s; }\n    .silk-shimmer:nth-child(5) { left: 90%; animation-delay: 2s; }\n\n    @keyframes silkWave {\n        0%, 100% { opacity: 0; transform: translateY(0) scaleY(1); }\n        50% { opacity: 0.4; transform: translateY(-20px) scaleY(1.1); }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 0 2rem;\n        animation: fadeInUp 1.5s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.75rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        animation: fadeIn 2s ease-out 0.5s both;\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        margin-bottom: 0.5rem;\n        color: var(--text-primary);\n        letter-spacing: 2px;\n        animation: fadeIn 2s ease-out 0.8s both;\n    }\n\n    .hero-subtitle {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 2rem;\n        color: var(--accent-color);\n        font-style: italic;\n        margin-bottom: 1.5rem;\n        animation: fadeIn 2s ease-out 1s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        animation: fadeIn 2s ease-out 1.1s both;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 2s ease-out 1.4s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-color);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--primary-bg);\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 0 auto 4rem;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background: rgba(212, 175, 122, 0.03);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .description p {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(135deg, rgba(212, 175, 122, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n        padding: 8rem 2rem;\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .backstory-highlight {\n        font-size: 2rem;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n        font-style: italic;\n    }\n\n    .backstory-verse {\n        font-size: 1.5rem;\n        line-height: 2.5;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n        font-style: italic;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(212, 175, 122, 0.1);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.6;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: rgba(212, 175, 122, 0.03);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings {\n        background: rgba(10, 10, 10, 0.8);\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        text-align: center;\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: scale(1.02);\n    }\n\n    .pairing-card h3 {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        color: var(--accent-color);\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        text-align: center;\n        padding: 6rem 2rem;\n        background: linear-gradient(135deg, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n    }\n\n    .collection-cta h2 {\n        font-size: 2.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Investment Section *\/\n    .investment {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .investment p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 0.7rem 1.5rem;\n        border: 1px solid var(--border-color);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent-color);\n        color: var(--accent-color);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background: rgba(212, 175, 122, 0.03);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip h3 {\n        text-align: center;\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 3rem;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--accent-color);\n    }\n\n    .brand-separator {\n        color: var(--border-color);\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n    }\n\n    .final-cta h2 {\n        font-size: 3rem;\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    footer p {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-subtitle {\n            font-size: 1.5rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav-links {\n            display: none;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* Scroll Fade In *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 1s ease, transform 1s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"couture-animation\"\u003e\n        \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"silk-shimmer\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003ch1\u003eMaison Noir Reverie\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003eCouture Silence\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Maison%20Noir%20Reverie\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BsvFRV74R6A\" title=\"Maison Noir Reverie - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n    \u003cp\u003eAn icon of restraint, fashion, and feminine intelligence—rendered in noir.\u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp\u003eMaison Noir Reverie captures the poise of a woman who does not perform—she knows. Cloaked in sculptural black, crowned by a wide-brim hat that conceals more than it reveals, she becomes an emblem of timeless sophistication and cultivated power.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003eSilence can be couture.\u003c\/p\u003e\n        \n        \u003cp\u003eMaison Noir Reverie captures the poise of a woman who does not perform—she knows. Cloaked in sculptural black, crowned by a wide-brim hat that conceals more than it reveals, she becomes an emblem of timeless sophistication and cultivated power.\u003c\/p\u003e\n        \n        \u003cp\u003eThe composition is deliberately restrained: monochrome tones, architectural stillness, and a fashion-editorial posture that calls to mind Parisian ateliers, private salons, and grand hôtel suites after dusk. Every line is intention. Every shadow is confidence.\u003c\/p\u003e\n        \n        \u003cp\u003eThis work belongs in spaces where luxury whispers—executive penthouses, five-star residences, luxury cruise suites, boutique hotel lounges, and private collector galleries. It elevates interiors without asking permission.\u003c\/p\u003e\n        \n        \u003cdiv class=\"backstory-verse\"\u003e\n            \u003cp\u003eShe does not speak first.\u003c\/p\u003e\n            \u003cp\u003eThe room listens anyway.\u003c\/p\u003e\n            \u003cp\u003eA passing glance.\u003c\/p\u003e\n            \u003cp\u003eA gloved hand.\u003c\/p\u003e\n            \u003cp\u003eA quiet reign.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cp class=\"backstory-highlight\"\u003eA piece for collectors who recognize that presence is louder than display.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and investment-grade collector value for discerning collectors.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eCrafted using acid-free, museum-grade materials rated for 100+ years of permanence. Printed with archival pigment inks on fine-art cotton paper for exceptional longevity and tonal depth.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eCouture-inspired noir portraits maintain strong demand in luxury hospitality and private collections. Timeless aesthetic that transcends fleeting design trends.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Edition Stats --\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eEternal Silhouette\u003c\/h3\u003e\n            \u003cp\u003eArchitectural noir femininity. Together with Maison Noir Reverie, they form a collector-grade narrative of modern elegance and quiet power.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eVeiled Authority\u003c\/h3\u003e\n            \u003cp\u003eMinimal power portrait. Paired, they create a sophisticated dialogue about presence, restraint, and the eloquence of silence in luxury spaces.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp class=\"serif-accent\"\u003eDiscover more timeless pieces from the Emotional Figurative Collection\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cp\u003eMaison Noir Reverie is created for environments where luxury whispers. This piece finds its home in spaces that understand the power of restraint and the eloquence of cultivated presence.\u003c\/p\u003e\n    \n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cspan class=\"space-tag\"\u003eExecutive Penthouses\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eFive-Star Residences\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eLuxury Cruise Suites\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eBoutique Hotel Lounges\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePrivate Collector Galleries\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eGrand Hôtel Suites\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-logos\"\u003e\n        \u003cspan\u003eAman\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eFour Seasons\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eSt. Regis\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eElegance never announces itself. Make it yours.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Maison%20Noir%20Reverie%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth' });\n            }\n        });\n    });\n\n    \/\/ Fade in on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077014311077,"sku":"2518107_16039","price":9164.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077014343845,"sku":"2518107_16045","price":9164.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077014376613,"sku":"2518107_15700","price":9164.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/511FEF21-E4B5-485F-9C87-862CC54AFAD6.png?v=1764776869"},{"product_id":"veiled-allure","title":"Eternal Silhouette — Noir Elegance in Motion","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eVeiled Allure — Luxury Black \u0026amp; White Feminine Wall Art | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A refined black and white portrait artwork created for luxury interiors, yachts, boutique hotels, and collectors. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --accent-color: #d4af7a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: rgba(212, 175, 122, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif;\n        font-weight: 400;\n        letter-spacing: 0.5px;\n    }\n\n    .serif-accent {\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 300;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 400;\n        letter-spacing: 2px;\n        color: var(--accent-color);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        padding-top: 80px;\n    }\n\n    .hero-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n\n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 0.7; }\n    }\n\n    .veil-animation {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    .veil-particle {\n        position: absolute;\n        width: 2px;\n        height: 2px;\n        background: var(--accent-color);\n        border-radius: 50%;\n        opacity: 0;\n        animation: veilFloat 15s ease-in-out infinite;\n    }\n\n    .veil-particle:nth-child(1) { left: 15%; animation-delay: 0s; }\n    .veil-particle:nth-child(2) { left: 35%; animation-delay: 3s; }\n    .veil-particle:nth-child(3) { left: 55%; animation-delay: 6s; }\n    .veil-particle:nth-child(4) { left: 75%; animation-delay: 9s; }\n    .veil-particle:nth-child(5) { left: 85%; animation-delay: 12s; }\n\n    @keyframes veilFloat {\n        0% { top: 100%; opacity: 0; }\n        10% { opacity: 0.3; }\n        50% { opacity: 0.6; }\n        90% { opacity: 0.2; }\n        100% { top: -10%; opacity: 0; }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 0 2rem;\n        animation: fadeInUp 1.5s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.75rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        animation: fadeIn 2s ease-out 0.5s both;\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        letter-spacing: 2px;\n        animation: fadeIn 2s ease-out 0.8s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        animation: fadeIn 2s ease-out 1.1s both;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 2s ease-out 1.4s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-color);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--primary-bg);\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 0 auto 4rem;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background: rgba(212, 175, 122, 0.03);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .description p {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(135deg, rgba(212, 175, 122, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n        padding: 8rem 2rem;\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .backstory-highlight {\n        font-size: 2rem;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n        font-style: italic;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(212, 175, 122, 0.1);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.6;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: rgba(212, 175, 122, 0.03);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings {\n        background: rgba(10, 10, 10, 0.8);\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        text-align: center;\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: scale(1.02);\n    }\n\n    .pairing-card h3 {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        color: var(--accent-color);\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        text-align: center;\n        padding: 6rem 2rem;\n        background: linear-gradient(135deg, rgba(212, 175, 122, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n    }\n\n    .collection-cta h2 {\n        font-size: 2.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Investment Section *\/\n    .investment {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .investment p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 0.7rem 1.5rem;\n        border: 1px solid var(--border-color);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent-color);\n        color: var(--accent-color);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background: rgba(212, 175, 122, 0.03);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip h3 {\n        text-align: center;\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 3rem;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--accent-color);\n    }\n\n    .brand-separator {\n        color: var(--border-color);\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: radial-gradient(ellipse at center, rgba(212, 175, 122, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n    }\n\n    .final-cta h2 {\n        font-size: 3rem;\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    footer p {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav-links {\n            display: none;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* Scroll Fade In *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 1s ease, transform 1s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"veil-animation\"\u003e\n        \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"veil-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003ch1\u003eVeiled Allure\u003c\/h1\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Veiled%20Allure\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vENBRPL-Ke0?si=RXA2bbMhUJ-A-8tB\" title=\"Veiled Allure - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n    \u003cp\u003eSeduction through restraint. A portrait of quiet power and timeless femininity.\u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp\u003eAn homage to classic noir glamour—where mystery is currency and elegance is armor. Rendered in rich monochrome, the sweeping brim of the hat obscures the eyes, directing attention to gesture, posture, and intention.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003eSome women command a room without ever revealing their face.\u003c\/p\u003e\n        \n        \u003cp\u003eVeiled Allure is an homage to classic noir glamour—where mystery is currency and elegance is armor. Rendered in rich monochrome, the sweeping brim of the hat obscures the eyes, directing attention to gesture, posture, and intention.\u003c\/p\u003e\n        \n        \u003cp\u003eThe sculptural black silhouette contrasts against soft light, creating tension between concealment and confidence.\u003c\/p\u003e\n        \n        \u003cp\u003eThis piece evokes Old Hollywood, Riviera nights, and private moments aboard superyachts and luxury hotel suites. It speaks to the collector who understands that power need not announce itself.\u003c\/p\u003e\n        \n        \u003cp\u003eDesigned for refined interiors—boutique hotel lounges, penthouse salons, private yachts, and executive residences—Veiled Allure is not an image.\u003c\/p\u003e\n        \n        \u003cp class=\"backstory-highlight\"\u003eIt is a presence.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring exclusivity and long-term collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure 100+ years of permanence. Printed with acid-free archival pigment inks on premium fine art paper for exceptional longevity and tonal depth.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eClassic noir portraits maintain strong demand in luxury hospitality and private collections. Timeless aesthetic that transcends trends.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Edition Stats --\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1:1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eArtist Consultation\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eCrimson Whisper\u003c\/h3\u003e\n            \u003cp\u003eBlack \u0026amp; white portrait with red accent. Together with Veiled Allure, they explore the language of restraint and selective revelation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eMidnight Poise\u003c\/h3\u003e\n            \u003cp\u003eMinimalist feminine silhouette. Paired, they form a collector's trio rooted in mystery, control, and elegant power.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp class=\"serif-accent\"\u003eDiscover more timeless pieces from the Black \u0026amp; White Luxury Collection\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cp\u003eVeiled Allure is created for environments where silence is intentional and mood is curated with precision. This piece finds its home in spaces that understand the power of restraint.\u003c\/p\u003e\n    \n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cspan class=\"space-tag\"\u003eBoutique Hotel Lounges\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePenthouse Salons\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePrivate Yachts\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eExecutive Residences\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eLuxury Galleries\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eSt. Regis Suites\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-logos\"\u003e\n        \u003cspan\u003eAman\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eFour Seasons\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eSt. Regis\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eMystery is her signature. Make it yours.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Veiled%20Allure%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth' });\n            }\n        });\n    });\n\n    \/\/ Fade in on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077016703141,"sku":"3667961_16039","price":8274.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077016735909,"sku":"3667961_16045","price":8274.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077016768677,"sku":"3667961_15700","price":8274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/103BD373-B144-4B0B-A729-A7D3066AF7EB.png?v=1764775768"},{"product_id":"framed-canvas-17","title":"Veiled Allure — Noir Elegance in Black \u0026 White","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eVeiled Allure | Luxury Black \u0026amp; White Feminine Wall Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A refined black and white portrait artwork created for luxury interiors, yachts, boutique hotels, and collectors. Museum-grade limited edition fine art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #141414;\n        --accent-ivory: #e8dfd0;\n        --soft-shadow: #3a3a3a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: #2a2a2a;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--border-color);\n        transition: all 0.3s ease;\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 1rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-ivory);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a1614 100%);\n    }\n\n    .hero-content {\n        text-align: center;\n        z-index: 2;\n        max-width: 900px;\n        padding: 2rem;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-ivory);\n        color: var(--accent-ivory);\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n        animation: fadeIn 1.5s ease-out;\n    }\n\n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: 5.5rem;\n        font-weight: 400;\n        color: var(--accent-ivory);\n        margin-bottom: 1rem;\n        line-height: 1.1;\n        text-shadow: 2px 2px 30px rgba(232, 223, 208, 0.3);\n        letter-spacing: 5px;\n    }\n\n    .hero-tagline {\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .hero-description {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        line-height: 1.8;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background-color: transparent;\n        border: 2px solid var(--accent-ivory);\n        color: var(--accent-ivory);\n        text-decoration: none;\n        font-size: 1.1rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        cursor: pointer;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 500;\n    }\n\n    .cta-button:hover {\n        background-color: var(--accent-ivory);\n        color: var(--primary-bg);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(232, 223, 208, 0.3);\n    }\n\n    \/* Noir shadow animations *\/\n    .shadow-veil {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    .shadow-sweep {\n        position: absolute;\n        width: 200%;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--accent-ivory), transparent);\n        opacity: 0.1;\n        animation: shadowSweep 15s linear infinite;\n    }\n\n    .shadow-sweep:nth-child(1) { top: 20%; animation-delay: 0s; }\n    .shadow-sweep:nth-child(2) { top: 40%; animation-delay: 5s; }\n    .shadow-sweep:nth-child(3) { top: 60%; animation-delay: 10s; }\n    .shadow-sweep:nth-child(4) { top: 80%; animation-delay: 7s; }\n\n    \/* Spotlight effect *\/\n    .spotlight {\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(232, 223, 208, 0.08), transparent 70%);\n        border-radius: 50%;\n        animation: spotlightMove 20s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    .spotlight:nth-child(1) { \n        top: -10%; \n        right: 10%; \n        animation-delay: 0s; \n    }\n    \n    .spotlight:nth-child(2) { \n        bottom: -10%; \n        left: 10%; \n        animation-delay: 10s; \n    }\n\n    @keyframes shadowSweep {\n        0% { \n            transform: translateX(-100%);\n            opacity: 0;\n        }\n        50% { \n            opacity: 0.15;\n        }\n        100% { \n            transform: translateX(100%);\n            opacity: 0;\n        }\n    }\n\n    @keyframes spotlightMove {\n        0%, 100% { \n            transform: translate(0, 0) scale(1);\n            opacity: 0.4;\n        }\n        50% { \n            transform: translate(50px, -50px) scale(1.1);\n            opacity: 0.6;\n        }\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: var(--accent-ivory);\n        font-weight: 400;\n        letter-spacing: 2px;\n    }\n\n    .divider {\n        width: 100px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--accent-ivory), transparent);\n        margin: 3rem auto;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background-color: var(--secondary-bg);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-text {\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        max-width: 800px;\n        margin: 0 auto 2rem;\n        text-align: center;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(180deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory-content p {\n        font-size: 1.25rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: left;\n    }\n\n    .backstory-content p:first-of-type {\n        font-size: 1.4rem;\n        color: var(--accent-ivory);\n        font-style: italic;\n    }\n\n    .backstory-closing {\n        margin-top: 3rem;\n        text-align: center;\n        font-size: 1.5rem;\n        color: var(--text-primary);\n        font-weight: 400;\n        line-height: 1.8;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        background: rgba(20, 20, 20, 0.5);\n        transition: all 0.3s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-ivory);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(232, 223, 208, 0.15);\n    }\n\n    .feature-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent-ivory);\n    }\n\n    .feature-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: var(--secondary-bg);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n        padding: 1.5rem;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-ivory);\n        font-weight: 400;\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        color: var(--text-secondary);\n        font-size: 1rem;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        background: var(--secondary-bg);\n        transition: all 0.3s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-ivory);\n        transform: translateY(-5px);\n    }\n\n    .pairing-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        color: var(--accent-ivory);\n        margin-bottom: 1rem;\n        font-weight: 500;\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n        text-align: center;\n    }\n\n    .target-spaces {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n        line-height: 2;\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brand-strip h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n        font-weight: 400;\n    }\n\n    .luxury-brands {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.5rem;\n        color: var(--accent-ivory);\n        letter-spacing: 3px;\n        font-weight: 300;\n    }\n\n    .luxury-brands span {\n        display: inline-block;\n        margin: 0 1.5rem;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: var(--primary-bg);\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.5rem;\n        margin-bottom: 2rem;\n        color: var(--text-primary);\n        font-weight: 400;\n    }\n\n    .final-cta p {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        font-size: 1.5rem;\n        transition: color 0.3s ease;\n        text-decoration: none;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-ivory);\n    }\n\n    .footer-text {\n        color: var(--text-secondary);\n        font-size: 1rem;\n        letter-spacing: 1px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .nav-links {\n            display: none;\n        }\n\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-tagline {\n            font-size: 1.2rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .features-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .luxury-brands span {\n            display: block;\n            margin: 1rem 0;\n        }\n\n        .edition-stats {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    \/* Smooth scroll *\/\n    html {\n        scroll-behavior: smooth;\n    }\n\n    \/* Parallax effect *\/\n    .parallax {\n        transform: translateZ(0);\n        will-change: transform;\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"spotlight\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spotlight\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shadow-veil\"\u003e\n        \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"shadow-sweep\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n        \u003ch1\u003eVEILED ALLURE\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003cp class=\"hero-description\"\u003eSeduction through restraint. A portrait of quiet power and timeless femininity.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExperience the Mystery\u003c\/h2\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/vENBRPL-Ke0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n    \u003cp class=\"description-text\"\u003e\n        An homage to classic noir glamour—where mystery is currency and elegance is armor. The sweeping brim obscures, the gesture commands, and presence becomes power.\n    \u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Story Behind the Art\u003c\/h2\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp\u003eSome women command a room without ever revealing their face.\u003c\/p\u003e\n        \n        \u003cp\u003eVeiled Allure is an homage to classic noir glamour—where mystery is currency and elegance is armor. Rendered in rich monochrome, the sweeping brim of the hat obscures the eyes, directing attention to gesture, posture, and intention. The sculptural black silhouette contrasts against soft light, creating tension between concealment and confidence.\u003c\/p\u003e\n        \n        \u003cp\u003eThis piece evokes Old Hollywood, Riviera nights, and private moments aboard superyachts and luxury hotel suites. It speaks to the collector who understands that power need not announce itself.\u003c\/p\u003e\n        \n        \u003cp\u003eDesigned for refined interiors—boutique hotel lounges, penthouse salons, private yachts, and executive residences—Veiled Allure is not an image.\u003c\/p\u003e\n        \n        \u003cdiv class=\"backstory-closing\"\u003e\n            It is a presence.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Features\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring lasting exclusivity and collector value for contemporary noir portraiture.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade pigment inks on premium fine art paper ensure exceptional tonal depth, rich blacks, and 100+ year permanence—gallery-ready elegance that endures.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◈\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eContemporary noir portraiture maintains strong collector demand, particularly pieces that capture timeless femininity and mystery with cinematic sophistication.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eEDITION SIZE\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYEAR LONGEVITY\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRELEASE YEAR\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eCERTIFIED AUTHENTIC\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eCrimson Whisper\u003c\/h3\u003e\n            \u003cp\u003eBlack and white portrait with a single red accent—together they create a powerful dialogue of restraint and passion, perfect for collector walls.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eMidnight Poise\u003c\/h3\u003e\n            \u003cp\u003eMinimalist feminine silhouette exploring elegance through shadow—these works form a collector's trio rooted in mystery, control, and timeless sophistication.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eEXPLORE COLLECTION\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cp class=\"target-spaces\"\u003e\n        Boutique Hotel Lounges • Penthouse Salons • Private Yachts • Executive Residences\u003cbr\u003e\n        Luxury Gallery Walls • Corporate Executive Suites • High-End Spas • Collector Interiors\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-content\"\u003e\n        \u003ch3\u003eTRUSTED BY PRESTIGIOUS HOSPITALITY BRANDS\u003c\/h3\u003e\n        \u003cdiv class=\"luxury-brands\"\u003e\n            \u003cspan\u003eAman\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eFour Seasons\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eSt. Regis\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eLimited to 50 editions worldwide. Inquire now to secure this portrait of quiet power and timeless femininity.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\n    \/\/ Fade-in animation on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -100px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.feature-card, .pairing-card, .stat').forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(30px)';\n        el.style.transition = 'all 0.8s ease-out';\n        observer.observe(el);\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10, 10, 10, 0.98)';\n        } else {\n            header.style.background = 'rgba(10, 10, 10, 0.95)';\n        }\n    });\n\n    \/\/ Parallax effect for spotlights\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const spotlights = document.querySelectorAll('.spotlight');\n        spotlights.forEach((spotlight, index) =\u003e {\n            const speed = 0.2 + (index * 0.1);\n            spotlight.style.transform = `translateY(${scrolled * speed}px)`;\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077017129125,"sku":"9537793_16039","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077017161893,"sku":"9537793_16045","price":8264.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077017194661,"sku":"9537793_15700","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D3DEAC84-001F-40BE-95EC-8079D36E54E6.png?v=1764774555"},{"product_id":"morning-reverie","title":"Morning Unsaid — Intimate Figurative Noir","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eMorning Unsaid | Luxury Figurative Wall Art Print\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A quiet, sensual figurative artwork exploring morning light, vulnerability, and elegant restraint. Museum-grade limited edition fine art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #141414;\n        --accent-ivory: #e8dfd0;\n        --soft-charcoal: #4a4a4a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: #2a2a2a;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--border-color);\n        transition: all 0.3s ease;\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 1rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-ivory);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a1510 100%);\n    }\n\n    .hero-content {\n        text-align: center;\n        z-index: 2;\n        max-width: 900px;\n        padding: 2rem;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-ivory);\n        color: var(--accent-ivory);\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n        animation: fadeIn 1.5s ease-out;\n    }\n\n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: 5rem;\n        font-weight: 300;\n        color: var(--accent-ivory);\n        margin-bottom: 1rem;\n        line-height: 1.1;\n        text-shadow: 2px 2px 20px rgba(232, 223, 208, 0.2);\n        letter-spacing: 3px;\n    }\n\n    .hero-tagline {\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .hero-description {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        line-height: 1.8;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background-color: transparent;\n        border: 2px solid var(--accent-ivory);\n        color: var(--accent-ivory);\n        text-decoration: none;\n        font-size: 1.1rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        cursor: pointer;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 500;\n    }\n\n    .cta-button:hover {\n        background-color: var(--accent-ivory);\n        color: var(--primary-bg);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(232, 223, 208, 0.3);\n    }\n\n    \/* Soft light particles animation *\/\n    .light-particle {\n        position: absolute;\n        width: 3px;\n        height: 3px;\n        background: radial-gradient(circle, var(--accent-ivory), transparent);\n        border-radius: 50%;\n        opacity: 0;\n        animation: float-gentle 12s ease-in-out infinite;\n    }\n\n    .light-particle:nth-child(1) { top: 20%; left: 15%; animation-delay: 0s; }\n    .light-particle:nth-child(2) { top: 50%; right: 20%; animation-delay: 3s; }\n    .light-particle:nth-child(3) { bottom: 30%; left: 25%; animation-delay: 6s; }\n    .light-particle:nth-child(4) { top: 70%; right: 30%; animation-delay: 9s; }\n    .light-particle:nth-child(5) { top: 35%; left: 40%; animation-delay: 1.5s; }\n    .light-particle:nth-child(6) { bottom: 40%; right: 15%; animation-delay: 4.5s; }\n\n    \/* Soft glow overlay *\/\n    .glow-overlay {\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(232, 223, 208, 0.08), transparent);\n        border-radius: 50%;\n        animation: gentle-pulse 8s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    .glow-overlay:nth-child(1) { top: -20%; left: -10%; }\n    .glow-overlay:nth-child(2) { bottom: -20%; right: -10%; animation-delay: 4s; }\n\n    @keyframes float-gentle {\n        0%, 100% { \n            opacity: 0;\n            transform: translateY(0px) scale(1);\n        }\n        25% { \n            opacity: 0.4;\n            transform: translateY(-30px) scale(1.5);\n        }\n        50% { \n            opacity: 0.7;\n            transform: translateY(-60px) scale(1);\n        }\n        75% { \n            opacity: 0.3;\n            transform: translateY(-40px) scale(1.2);\n        }\n    }\n\n    @keyframes gentle-pulse {\n        0%, 100% { \n            transform: scale(1);\n            opacity: 0.3;\n        }\n        50% { \n            transform: scale(1.2);\n            opacity: 0.5;\n        }\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: var(--accent-ivory);\n        font-weight: 400;\n        letter-spacing: 2px;\n    }\n\n    .divider {\n        width: 100px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--accent-ivory), transparent);\n        margin: 3rem auto;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background-color: var(--secondary-bg);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-text {\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        max-width: 800px;\n        margin: 0 auto 2rem;\n        text-align: center;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(180deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory-content p {\n        font-size: 1.25rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: left;\n    }\n\n    .backstory-content p:first-of-type {\n        font-size: 1.4rem;\n        color: var(--accent-ivory);\n        font-style: italic;\n    }\n\n    .backstory-closing {\n        margin-top: 3rem;\n        text-align: center;\n        font-size: 1.3rem;\n        color: var(--accent-ivory);\n        font-style: italic;\n        line-height: 1.8;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        background: rgba(20, 20, 20, 0.5);\n        transition: all 0.3s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-ivory);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(232, 223, 208, 0.15);\n    }\n\n    .feature-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent-ivory);\n    }\n\n    .feature-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: var(--secondary-bg);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n        padding: 1.5rem;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-ivory);\n        font-weight: 400;\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        color: var(--text-secondary);\n        font-size: 1rem;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        background: var(--secondary-bg);\n        transition: all 0.3s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-ivory);\n        transform: translateY(-5px);\n    }\n\n    .pairing-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        color: var(--accent-ivory);\n        margin-bottom: 1rem;\n        font-weight: 500;\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n        text-align: center;\n    }\n\n    .target-spaces {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n        line-height: 2;\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brand-strip h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n        font-weight: 400;\n    }\n\n    .luxury-brands {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.5rem;\n        color: var(--accent-ivory);\n        letter-spacing: 3px;\n        font-weight: 300;\n    }\n\n    .luxury-brands span {\n        display: inline-block;\n        margin: 0 1.5rem;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: var(--primary-bg);\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.5rem;\n        margin-bottom: 2rem;\n        color: var(--text-primary);\n        font-weight: 400;\n    }\n\n    .final-cta p {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        font-size: 1.5rem;\n        transition: color 0.3s ease;\n        text-decoration: none;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-ivory);\n    }\n\n    .footer-text {\n        color: var(--text-secondary);\n        font-size: 1rem;\n        letter-spacing: 1px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .nav-links {\n            display: none;\n        }\n\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-tagline {\n            font-size: 1.2rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .features-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .luxury-brands span {\n            display: block;\n            margin: 1rem 0;\n        }\n\n        .edition-stats {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    \/* Smooth scroll *\/\n    html {\n        scroll-behavior: smooth;\n    }\n\n    \/* Parallax effect *\/\n    .parallax {\n        transform: translateZ(0);\n        will-change: transform;\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"glow-overlay\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"glow-overlay\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"light-particle\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n        \u003ch1\u003eMORNING UNSAID\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003cp class=\"hero-description\"\u003eA quiet moment of freedom, vulnerability, and awakening—captured in restrained monochrome elegance.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExperience the Intimacy\u003c\/h2\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/tdatTgwRF4w\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n    \u003cp class=\"description-text\"\u003e\n        A cinematic study of morning light and unguarded movement—where sensuality lives in restraint, and elegance is found in what remains unsaid.\n    \u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Story Behind the Art\u003c\/h2\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp\u003eThere is a private moment that exists just before the world arrives.\u003c\/p\u003e\n        \n        \u003cp\u003eMorning light spills softly through glass. The body stretches instinctively. No performance. No audience. Only breath, skin, and silence.\u003c\/p\u003e\n        \n        \u003cp\u003eMorning Unsaid captures that moment.\u003c\/p\u003e\n        \n        \u003cp\u003eRendered in delicate monochrome with painterly restraint, this figurative work carries sensuality without spectacle—intimate, feminine, and quietly powerful. The blurred edges and minimal palette invite the viewer to feel rather than inspect, making this piece ideal for refined interiors where art is meant to be lived with, not announced.\u003c\/p\u003e\n        \n        \u003cp\u003eDesigned for luxury residences, boutique hotel corridors, private entrances, gallery stairwells, and hospitality suites, this work evokes elegance through absence—what is not shown is just as important as what is.\u003c\/p\u003e\n        \n        \u003cdiv class=\"backstory-closing\"\u003e\n            This is a study in presence.\u003cbr\u003e\n            Unposed.\u003cbr\u003e\n            Unfiltered.\u003cbr\u003e\n            Unsaid.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Features\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring lasting exclusivity and collector value for intimate figurative works.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade pigment inks on premium fine art paper ensure exceptional tonal depth and 100+ year longevity—preserving every subtle gradation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◈\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eContemporary figurative art with quiet luxury appeal maintains strong demand among collectors seeking intimate, sophisticated works with timeless elegance.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eEDITION SIZE\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYEAR LONGEVITY\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRELEASE YEAR\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eCERTIFIED AUTHENTIC\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eStillness After Dark\u003c\/h3\u003e\n            \u003cp\u003eIntimate seated figure exploring contemplation and quiet strength—together they create a cohesive narrative of feminine vulnerability and power.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eBare Silence\u003c\/h3\u003e\n            \u003cp\u003eMinimalist nude abstract celebrating form through restraint—these works complement each other through shared themes of elegance and unspoken beauty.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eEXPLORE COLLECTION\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Refined Spaces\u003c\/h2\u003e\n    \u003cp class=\"target-spaces\"\u003e\n        Luxury Residences • Boutique Hotel Corridors • Private Entrances • Gallery Stairwells\u003cbr\u003e\n        Hospitality Suites • Executive Retreats • Collector Galleries • Intimate Lounges\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-content\"\u003e\n        \u003ch3\u003eTRUSTED BY PRESTIGIOUS HOSPITALITY BRANDS\u003c\/h3\u003e\n        \u003cdiv class=\"luxury-brands\"\u003e\n            \u003cspan\u003eAman\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eFour Seasons\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eSt. Regis\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eLimited to 50 editions worldwide. Inquire now to secure this intimate study of morning light and unguarded beauty.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\n    \/\/ Fade-in animation on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -100px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.feature-card, .pairing-card, .stat').forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(30px)';\n        el.style.transition = 'all 0.8s ease-out';\n        observer.observe(el);\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10, 10, 10, 0.98)';\n        } else {\n            header.style.background = 'rgba(10, 10, 10, 0.95)';\n        }\n    });\n\n    \/\/ Parallax effect for glow overlays\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const glows = document.querySelectorAll('.glow-overlay');\n        glows.forEach((glow, index) =\u003e {\n            const speed = 0.3 + (index * 0.1);\n            glow.style.transform = `translateY(${scrolled * speed}px)`;\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077020373157,"sku":"2197970_16039","price":9414.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077020405925,"sku":"2197970_16045","price":9414.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077020438693,"sku":"2197970_15700","price":9414.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/77541667-2626-49C3-86C4-6412DC87F684.png?v=1764772475"},{"product_id":"jazz-nights","title":"Jazz Nights — New Orleans Vintage Fine Art Poster","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eNew Orleans Jazz Nights | Luxury Vintage Travel Art Print\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A cinematic New Orleans jazz travel poster capturing lamplit streets, music, and timeless Southern elegance. Museum-grade limited edition fine art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700;800;900\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #141414;\n        --accent-gold: #c9a227;\n        --warm-amber: #d4a574;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: #2a2a2a;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--border-color);\n        transition: all 0.3s ease;\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 1rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-gold);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a1410 100%);\n    }\n\n    .hero-content {\n        text-align: center;\n        z-index: 2;\n        max-width: 900px;\n        padding: 2rem;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-gold);\n        color: var(--accent-gold);\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n        animation: fadeIn 1.5s ease-out;\n    }\n\n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: 5rem;\n        font-weight: 800;\n        color: var(--accent-gold);\n        margin-bottom: 1rem;\n        line-height: 1.1;\n        text-shadow: 2px 2px 20px rgba(201, 162, 39, 0.3);\n    }\n\n    .hero-tagline {\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .hero-description {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        line-height: 1.8;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background-color: transparent;\n        border: 2px solid var(--accent-gold);\n        color: var(--accent-gold);\n        text-decoration: none;\n        font-size: 1.1rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        cursor: pointer;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 500;\n    }\n\n    .cta-button:hover {\n        background-color: var(--accent-gold);\n        color: var(--primary-bg);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(201, 162, 39, 0.3);\n    }\n\n    \/* Lantern animation *\/\n    .lantern {\n        position: absolute;\n        width: 60px;\n        height: 80px;\n        animation: float 8s ease-in-out infinite;\n        opacity: 0.6;\n    }\n\n    .lantern::before {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle, var(--accent-gold), transparent);\n        filter: blur(20px);\n        animation: glow 3s ease-in-out infinite;\n    }\n\n    .lantern:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; }\n    .lantern:nth-child(2) { top: 60%; right: 15%; animation-delay: 2s; }\n    .lantern:nth-child(3) { bottom: 20%; left: 20%; animation-delay: 4s; }\n    .lantern:nth-child(4) { top: 40%; right: 25%; animation-delay: 6s; }\n\n    @keyframes float {\n        0%, 100% { transform: translateY(0px); }\n        50% { transform: translateY(-20px); }\n    }\n\n    @keyframes glow {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 0.8; }\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: var(--accent-gold);\n        font-weight: 700;\n    }\n\n    .divider {\n        width: 100px;\n        height: 2px;\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n        margin: 3rem auto;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background-color: var(--secondary-bg);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-text {\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        max-width: 800px;\n        margin: 0 auto 2rem;\n        text-align: center;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(180deg, var(--primary-bg) 0%, var(--secondary-bg) 100%);\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory-content p {\n        font-size: 1.25rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: left;\n    }\n\n    .backstory-content p:first-of-type {\n        font-size: 1.4rem;\n        color: var(--accent-gold);\n        font-style: italic;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        background: rgba(20, 20, 20, 0.5);\n        transition: all 0.3s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-gold);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(201, 162, 39, 0.2);\n    }\n\n    .feature-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent-gold);\n    }\n\n    .feature-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: var(--secondary-bg);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n        padding: 1.5rem;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-gold);\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        color: var(--text-secondary);\n        font-size: 1rem;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        background: var(--secondary-bg);\n        transition: all 0.3s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-gold);\n        transform: translateY(-5px);\n    }\n\n    .pairing-card h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        color: var(--accent-gold);\n        margin-bottom: 1rem;\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        background: linear-gradient(135deg, var(--secondary-bg) 0%, var(--primary-bg) 100%);\n        text-align: center;\n    }\n\n    .target-spaces {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n        line-height: 2;\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brand-strip h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n        font-weight: 400;\n    }\n\n    .luxury-brands {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.5rem;\n        color: var(--accent-gold);\n        letter-spacing: 3px;\n        font-weight: 300;\n    }\n\n    .luxury-brands span {\n        display: inline-block;\n        margin: 0 1.5rem;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: var(--primary-bg);\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.5rem;\n        margin-bottom: 2rem;\n        color: var(--text-primary);\n    }\n\n    .final-cta p {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        font-size: 1.5rem;\n        transition: color 0.3s ease;\n        text-decoration: none;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-gold);\n    }\n\n    .footer-text {\n        color: var(--text-secondary);\n        font-size: 1rem;\n        letter-spacing: 1px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .nav-links {\n            display: none;\n        }\n\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-tagline {\n            font-size: 1.2rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .features-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .luxury-brands span {\n            display: block;\n            margin: 1rem 0;\n        }\n\n        .edition-stats {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    \/* Smooth scroll *\/\n    html {\n        scroll-behavior: smooth;\n    }\n\n    \/* Parallax effect *\/\n    .parallax {\n        transform: translateZ(0);\n        will-change: transform;\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCOLLECTIONS\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eINQUIRE\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lantern\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n        \u003ch1\u003eNEW ORLEANS\u003cbr\u003eJAZZ NIGHTS\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003cp class=\"hero-description\"\u003eA sultry tribute to Old New Orleans—where lamplit streets, jazz rhythms, and midnight stories linger in the air.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExperience the Atmosphere\u003c\/h2\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/lQpDV1QSS5k\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n    \u003cp class=\"description-text\"\u003e\n        A cinematic homage to New Orleans after dark—where streetlamps glow amber against wrought iron balconies, jazz rhythms echo through the Quarter, and every shadow hums with music and history.\n    \u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Story Behind the Art\u003c\/h2\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp\u003eThere is a certain hour in New Orleans when the city exhales.\u003c\/p\u003e\n        \n        \u003cp\u003eStreetlamps glow amber against wrought iron balconies. The pavement still holds the warmth of the day. Somewhere nearby, a trumpet bends a note that feels like memory itself.\u003c\/p\u003e\n        \n        \u003cp\u003eNew Orleans Jazz Nights is a cinematic homage to that hour. Rendered in deep nocturnal tones with warm golden light, this piece channels vintage Art Deco travel posters while preserving a timeless, modern gravity. It is equal parts romance and mystery—an invitation into the French Quarter after dark, where every shadow hums with music and history.\u003c\/p\u003e\n        \n        \u003cp\u003eThis artwork was curated for refined interiors that celebrate culture, travel, and storytelling. Perfect for boutique hotels, upscale residences, stairwell galleries, executive lounges, and hospitality spaces seeking atmosphere over ornament.\u003c\/p\u003e\n        \n        \u003cp\u003eThis is not décor. It is place memory—elevated.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Features\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and certified, ensuring lasting exclusivity and collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade pigment inks on premium fine art paper ensure 100+ year longevity without fading—gallery-ready from day one.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◈\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eVintage travel art maintains strong collector demand. This piece combines nostalgic storytelling with timeless luxury market appeal.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eEDITION SIZE\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYEAR LONGEVITY\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRELEASE YEAR\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eCERTIFIED AUTHENTIC\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eParis After Dark\u003c\/h3\u003e\n            \u003cp\u003eEuropean noir cityscape capturing the romantic mystery of Parisian nights—perfect companion for a global travel gallery.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eMidnight Streets\u003c\/h3\u003e\n            \u003cp\u003eUrban shadow abstract evoking atmospheric city nights—together they create a refined travel-forward gallery wall.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 3rem;\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces\" class=\"cta-button\"\u003eEXPLORE COLLECTION\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cp class=\"target-spaces\"\u003e\n        Boutique Hotels • Upscale Residences • Stairwell Galleries • Executive Lounges\u003cbr\u003e\n        Hospitality Spaces • Cultural Clubs • Private Collections • Museum-Forward Interiors\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-content\"\u003e\n        \u003ch3\u003eTRUSTED BY PRESTIGIOUS HOSPITALITY BRANDS\u003c\/h3\u003e\n        \u003cdiv class=\"luxury-brands\"\u003e\n            \u003cspan\u003eAman\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eFour Seasons\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eSt. Regis\u003c\/span\u003e\n            \u003cspan\u003e•\u003c\/span\u003e\n            \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eLimited to 50 editions worldwide. Inquire now to secure your piece of New Orleans after dark.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\n    \/\/ Fade-in animation on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -100px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.feature-card, .pairing-card, .stat').forEach(el =\u003e {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(30px)';\n        el.style.transition = 'all 0.8s ease-out';\n        observer.observe(el);\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10, 10, 10, 0.98)';\n        } else {\n            header.style.background = 'rgba(10, 10, 10, 0.95)';\n        }\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081393262757,"sku":"3262126_16039","price":7174.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/C2E01EBA-0969-4BE7-A463-B73686258FE9.png?v=1764771709"},{"product_id":"predator-s-gaze","title":"Predatory Silence — Black \u0026 White Leopard Gaze","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003ePredatory Silence | Luxury Leopard Wall Art by Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A limited edition black and white leopard artwork symbolizing power, restraint, and authority. Museum-grade luxury art.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #111111;\n        --accent-color: #b0b0b0;\n        --accent-hover: #c8c8c8;\n        --text-primary: #ffffff;\n        --text-secondary: #a0a0a0;\n        --text-muted: #707070;\n        --divider-color: rgba(176, 176, 176, 0.3);\n        --silver-overlay: rgba(176, 176, 176, 0.03);\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header Styles *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        background-color: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        padding: 1.5rem 5%;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    nav ul {\n        list-style: none;\n        display: flex;\n        gap: 2.5rem;\n    }\n\n    nav a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    nav a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 5% 4rem;\n        background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n    }\n\n    .hero-content {\n        max-width: 1200px;\n        text-align: center;\n        z-index: 2;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n        animation: fadeIn 1s ease-out 0.3s both;\n    }\n\n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 400;\n        letter-spacing: 3px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        animation: fadeInUp 1s ease-out 0.5s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        letter-spacing: 2px;\n        animation: fadeIn 1s ease-out 0.7s both;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background-color: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        animation: fadeInUp 1s ease-out 0.9s both;\n    }\n\n    .cta-button:hover {\n        background-color: var(--accent-color);\n        color: var(--primary-bg);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(176, 176, 176, 0.2);\n    }\n\n    \/* Watchful gaze animation for predatory mood *\/\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle at 45% 45%, rgba(255, 255, 255, 0.02) 0%, transparent 50%),\n                    radial-gradient(circle at 55% 60%, rgba(0, 0, 0, 0.5) 0%, transparent 60%);\n        animation: watchfulGaze 14s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 400;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background-color: var(--accent-color);\n        margin: 2rem auto;\n    }\n\n    .description-text {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: justify;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .features-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.4s ease;\n        background: linear-gradient(135deg, var(--silver-overlay) 0%, transparent 100%);\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(176, 176, 176, 0.15);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n    }\n\n    .feature-text {\n        color: var(--text-secondary);\n        line-height: 1.7;\n    }\n\n    \/* Stats Grid *\/\n    .stats-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .stats-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n    }\n\n    .stat-card {\n        text-align: center;\n        padding: 2.5rem 1.5rem;\n        background: linear-gradient(135deg, rgba(176, 176, 176, 0.03) 0%, transparent 100%);\n        border: 1px solid rgba(176, 176, 176, 0.15);\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .pairings-grid {\n        max-width: 1000px;\n        margin: 3rem auto 0;\n        display: grid;\n        gap: 2rem;\n    }\n\n    .pairing-item {\n        padding: 2rem;\n        border-left: 2px solid var(--accent-color);\n        background: linear-gradient(90deg, rgba(176, 176, 176, 0.03) 0%, transparent 100%);\n    }\n\n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    .pairing-description {\n        color: var(--text-secondary);\n        font-style: italic;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        padding: 6rem 5%;\n        background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n        text-align: center;\n    }\n\n    .collection-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 1.5rem;\n    }\n\n    .collection-cta p {\n        color: var(--text-secondary);\n        font-size: 1.2rem;\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .investment-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin: 3rem 0;\n    }\n\n    .space-tag {\n        padding: 0.75rem 1.5rem;\n        border: 1px solid rgba(176, 176, 176, 0.3);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        color: var(--text-secondary);\n        background: linear-gradient(135deg, var(--silver-overlay) 0%, transparent 100%);\n    }\n\n    \/* Luxury Brands *\/\n    .brands-section {\n        padding: 4rem 5%;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .brands-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brands-label {\n        font-size: 0.85rem;\n        letter-spacing: 3px;\n        color: var(--text-muted);\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .brands-list {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        letter-spacing: 2px;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        background: linear-gradient(135deg, #0a0a0a 0%, #151515 100%);\n        text-align: center;\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        color: var(--text-secondary);\n        font-size: 1.1rem;\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 5%;\n        background-color: var(--primary-bg);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 2rem;\n    }\n\n    .footer-logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        letter-spacing: 2px;\n    }\n\n    .social-links {\n        display: flex;\n        gap: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    .copyright {\n        width: 100%;\n        text-align: center;\n        margin-top: 2rem;\n        color: var(--text-muted);\n        font-size: 0.85rem;\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes watchfulGaze {\n        0%, 100% {\n            opacity: 0.8;\n            transform: scale(1);\n        }\n        50% {\n            opacity: 1;\n            transform: scale(1.02);\n        }\n    }\n\n    \/* Scroll reveal animation *\/\n    .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease;\n    }\n\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        header {\n            padding: 1rem 5%;\n        }\n\n        nav ul {\n            gap: 1.5rem;\n        }\n\n        nav a {\n            font-size: 0.8rem;\n        }\n\n        .hero {\n            padding: 6rem 5% 3rem;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n        }\n\n        .tagline {\n            font-size: 1.2rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .target-spaces {\n            gap: 1rem;\n        }\n\n        .space-tag {\n            padding: 0.5rem 1rem;\n            font-size: 0.8rem;\n        }\n\n        .footer-content {\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n        \u003ch1\u003ePredatory Silence\u003c\/h1\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/5N_XyBufXxA\" title=\"Predatory Silence - Luxury Leopard Wall Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInstinctive Authority\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            A powerful monochrome study of instinct, elegance, and control—Predatory Silence captures strength without noise.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003cdiv class=\"backstory-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003ePresence Without Announcement\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Some presence is not announced.\u003cbr\u003e\n            It is felt.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Predatory Silence is an intimate, commanding portrait of the wild refined into discipline. Cropped close, stripped of distraction, the leopard's gaze becomes the entire composition—watchful, patient, sovereign. Every stroke is intentional. Every shadow carries tension.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This piece explores dominance without aggression. The eye does not chase—it waits. It understands timing, restraint, inevitability. Rendered in black and white, the absence of color heightens authority, making this work ideal for interiors that demand focus and gravitas.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Designed for spaces where power is instinctive rather than displayed: executive offices, modern penthouses, boutique hotel corridors, private studies, and curated gallery walls.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This is not animal art.\u003cbr\u003e\n            It is leadership psychology in visual form.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and lasting value for collectors who appreciate symbolic power.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional tonal depth and dramatic presence.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eWildlife art with symbolic resonance maintains strong appeal among discerning collectors. This piece represents both aesthetic authority and thoughtful portfolio diversification.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Predatory Silence pairs beautifully with complementary works for environments of vigilance and authority.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eSilent Monolith\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eMinimalist black abstract\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eGolden Current\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eControlled-motion executive abstract\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n        \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n            Together, these works shape an environment of vigilance, authority, and quiet confidence.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n        \u003cp\u003eDiscover more refined monochrome works and powerful portraits from the Black \u0026amp; White Luxury Collection.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Designed for spaces where power is instinctive rather than displayed.\n        \u003c\/p\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eModern Penthouses\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Corridors\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePrivate Studies\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eCurated Gallery Walls\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eLeadership Spaces\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n    \u003cdiv class=\"brands-content reveal\"\u003e\n        \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n        \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n        \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of instinctive authority.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Predatory%20Silence%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"copyright\"\u003e\n            © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n    \/\/ Scroll reveal animation\n    function reveal() {\n        const reveals = document.querySelectorAll('.reveal');\n        \n        reveals.forEach(element =\u003e {\n            const windowHeight = window.innerHeight;\n            const elementTop = element.getBoundingClientRect().top;\n            const elementVisible = 150;\n            \n            if (elementTop \u003c windowHeight - elementVisible) {\n                element.classList.add('active');\n            }\n        });\n    }\n\n    window.addEventListener('scroll', reveal);\n    reveal(); \/\/ Check on load\n\n    \/\/ Smooth scroll for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081393787045,"sku":"5706087_16039","price":8274.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/2B23D26D-AFFA-4CEF-8468-CEFEA8C16412.png?v=1764731419"},{"product_id":"ember-ascension","title":"Golden Current — Executive Abstract in Ember \u0026 Night","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eGolden Current | Luxury Executive Abstract by Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A limited edition luxury abstract artwork designed for executive offices and refined interiors. Museum-grade, timeless power.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #111111;\n        --accent-color: #c9862e;\n        --accent-hover: #d99640;\n        --text-primary: #ffffff;\n        --text-secondary: #a0a0a0;\n        --text-muted: #707070;\n        --divider-color: rgba(201, 134, 46, 0.3);\n        --amber-overlay: rgba(201, 134, 46, 0.05);\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header Styles *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        background-color: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        padding: 1.5rem 5%;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    nav ul {\n        list-style: none;\n        display: flex;\n        gap: 2.5rem;\n    }\n\n    nav a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    nav a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 5% 4rem;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a120a 100%);\n    }\n\n    .hero-content {\n        max-width: 1200px;\n        text-align: center;\n        z-index: 2;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n        animation: fadeIn 1s ease-out 0.3s both;\n    }\n\n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 400;\n        letter-spacing: 3px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        animation: fadeInUp 1s ease-out 0.5s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        letter-spacing: 2px;\n        animation: fadeIn 1s ease-out 0.7s both;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background-color: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        animation: fadeInUp 1s ease-out 0.9s both;\n    }\n\n    .cta-button:hover {\n        background-color: var(--accent-color);\n        color: var(--primary-bg);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(201, 134, 46, 0.3);\n    }\n\n    \/* Controlled flow animation for executive mood *\/\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle at 40% 30%, rgba(201, 134, 46, 0.08) 0%, transparent 60%),\n                    radial-gradient(circle at 60% 70%, rgba(201, 134, 46, 0.05) 0%, transparent 50%);\n        animation: controlledFlow 18s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 400;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background-color: var(--accent-color);\n        margin: 2rem auto;\n    }\n\n    .description-text {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: justify;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .features-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.4s ease;\n        background: linear-gradient(135deg, var(--amber-overlay) 0%, transparent 100%);\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(201, 134, 46, 0.2);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n    }\n\n    .feature-text {\n        color: var(--text-secondary);\n        line-height: 1.7;\n    }\n\n    \/* Stats Grid *\/\n    .stats-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .stats-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n    }\n\n    .stat-card {\n        text-align: center;\n        padding: 2.5rem 1.5rem;\n        background: linear-gradient(135deg, rgba(201, 134, 46, 0.05) 0%, transparent 100%);\n        border: 1px solid rgba(201, 134, 46, 0.2);\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .pairings-grid {\n        max-width: 1000px;\n        margin: 3rem auto 0;\n        display: grid;\n        gap: 2rem;\n    }\n\n    .pairing-item {\n        padding: 2rem;\n        border-left: 2px solid var(--accent-color);\n        background: linear-gradient(90deg, rgba(201, 134, 46, 0.05) 0%, transparent 100%);\n    }\n\n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    .pairing-description {\n        color: var(--text-secondary);\n        font-style: italic;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        padding: 6rem 5%;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a120a 100%);\n        text-align: center;\n    }\n\n    .collection-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 1.5rem;\n    }\n\n    .collection-cta p {\n        color: var(--text-secondary);\n        font-size: 1.2rem;\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .investment-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin: 3rem 0;\n    }\n\n    .space-tag {\n        padding: 0.75rem 1.5rem;\n        border: 1px solid rgba(201, 134, 46, 0.3);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        color: var(--text-secondary);\n        background: linear-gradient(135deg, var(--amber-overlay) 0%, transparent 100%);\n    }\n\n    \/* Luxury Brands *\/\n    .brands-section {\n        padding: 4rem 5%;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .brands-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brands-label {\n        font-size: 0.85rem;\n        letter-spacing: 3px;\n        color: var(--text-muted);\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .brands-list {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        letter-spacing: 2px;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a120a 100%);\n        text-align: center;\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        color: var(--text-secondary);\n        font-size: 1.1rem;\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 5%;\n        background-color: var(--primary-bg);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 2rem;\n    }\n\n    .footer-logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        letter-spacing: 2px;\n    }\n\n    .social-links {\n        display: flex;\n        gap: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    .copyright {\n        width: 100%;\n        text-align: center;\n        margin-top: 2rem;\n        color: var(--text-muted);\n        font-size: 0.85rem;\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes controlledFlow {\n        0%, 100% {\n            opacity: 0.7;\n            transform: translateY(0) scale(1);\n        }\n        50% {\n            opacity: 1;\n            transform: translateY(-15px) scale(1.03);\n        }\n    }\n\n    \/* Scroll reveal animation *\/\n    .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease;\n    }\n\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        header {\n            padding: 1rem 5%;\n        }\n\n        nav ul {\n            gap: 1.5rem;\n        }\n\n        nav a {\n            font-size: 0.8rem;\n        }\n\n        .hero {\n            padding: 6rem 5% 3rem;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n        }\n\n        .tagline {\n            font-size: 1.2rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .target-spaces {\n            gap: 1rem;\n        }\n\n        .space-tag {\n            padding: 0.5rem 1rem;\n            font-size: 0.8rem;\n        }\n\n        .footer-content {\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n        \u003ch1\u003eGolden Current\u003c\/h1\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/-SFz17oAYiA\" title=\"Golden Current - Luxury Executive Abstract\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eRestrained Power\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            A sculptural abstract of power and restraint—Golden Current evokes controlled motion, wealth, and quiet authority.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003cdiv class=\"backstory-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eControlled Motion\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            There are spaces that speak softly—and still command the room.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Golden Current is a study in restrained power. Molten amber, burnished gold, and deep nocturne tones move through the composition like controlled breath—never chaotic, never still. The flow is deliberate. Measured. Confident.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This work was composed for environments where influence is exercised quietly: executive offices, private libraries, penthouse studies, boardrooms, and behind-the-scenes corridors of power. It does not perform. It anchors.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            The vertical movement draws the eye upward, reinforcing ambition and legacy. The palette references wealth without excess—gold without polish, depth without darkness. It is architectural art, designed to harmonize with leather, walnut, stone, and shadow.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This is not decorative abstraction.\u003cbr\u003e\n            It is directional.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and investment-grade value for discerning collectors and executives.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional depth and tonal richness.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eExecutive abstracts maintain strong appeal among sophisticated collectors and corporate buyers. This piece represents both visual authority and thoughtful portfolio diversification.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Golden Current pairs beautifully with complementary works for executive suites and leadership spaces.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eSilent Ledger\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eDeep charcoal minimalist abstract\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eAfter the Vote\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eBlack-dominant architectural study\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n        \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n            Curated together, these works create a collection ideal for executive suites, private offices, or hospitality boardrooms.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n        \u003cp\u003eDiscover more atmospheric abstracts and architectural works from the Abstract Atmospheric Collection.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Designed for environments where influence is exercised quietly.\n        \u003c\/p\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePrivate Libraries\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePenthouse Studies\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eBoardrooms\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eLeadership Corridors\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eCorporate Suites\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n    \u003cdiv class=\"brands-content reveal\"\u003e\n        \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n        \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n        \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of executive authority.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Golden%20Current%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"copyright\"\u003e\n            © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n    \/\/ Scroll reveal animation\n    function reveal() {\n        const reveals = document.querySelectorAll('.reveal');\n        \n        reveals.forEach(element =\u003e {\n            const windowHeight = window.innerHeight;\n            const elementTop = element.getBoundingClientRect().top;\n            const elementVisible = 150;\n            \n            if (elementTop \u003c windowHeight - elementVisible) {\n                element.classList.add('active');\n            }\n        });\n    }\n\n    window.addEventListener('scroll', reveal);\n    reveal(); \/\/ Check on load\n\n    \/\/ Smooth scroll for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46081396179109,"sku":"5816227_16039","price":10164.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/104080E6-E410-4E5C-8D01-942336233FC9.png?v=1764729985"},{"product_id":"unbroken-grace","title":"Endure — Worn Ballet Slippers in Monochrome Stillness","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\u003eEndure | Luxury Ballet Fine Art by Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A limited edition monochrome ballet artwork honoring discipline and devotion. Museum-grade fine art for refined interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=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: #a8a8a8;\n        --accent-hover: #c0c0c0;\n        --text-primary: #ffffff;\n        --text-secondary: #a0a0a0;\n        --text-muted: #707070;\n        --divider-color: rgba(168, 168, 168, 0.3);\n        --charcoal-overlay: rgba(168, 168, 168, 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%, #141414 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(168, 168, 168, 0.2);\n    }\n\n    \/* Soft texture animation for worn material 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(168, 168, 168, 0.04) 0%, transparent 60%),\n                    radial-gradient(circle at 80% 30%, rgba(0, 0, 0, 0.3) 0%, transparent 50%);\n        animation: textureShift 14s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 400;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background-color: var(--accent-color);\n        margin: 2rem auto;\n    }\n\n    .description-text {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: justify;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .features-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.4s ease;\n        background: linear-gradient(135deg, var(--charcoal-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(168, 168, 168, 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(168, 168, 168, 0.03) 0%, transparent 100%);\n        border: 1px solid rgba(168, 168, 168, 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(168, 168, 168, 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%, #141414 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(168, 168, 168, 0.3);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        color: var(--text-secondary);\n        background: linear-gradient(135deg, var(--charcoal-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%, #141414 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 textureShift {\n        0%, 100% {\n            opacity: 0.7;\n            transform: scale(1) rotate(0deg);\n        }\n        50% {\n            opacity: 1;\n            transform: scale(1.05) rotate(1deg);\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\u003eEndure\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\/d60e7FQ7ebI\" title=\"Endure - Luxury Ballet 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 Devotion\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            A quiet meditation on devotion, discipline, and grace. Endure honors the unseen labor behind beauty.\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\"\u003eWhat Remains After\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Some objects carry silence like memory.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Endure is not about performance—it is about what remains after.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Soft leather, creased and worn, rests in stillness. These ballet slippers have already lived their purpose. The stage is gone. The applause has faded. What's left is devotion etched into material.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Rendered in rich monochrome, the composition elevates an intimate object into a sculptural relic. The shoes become portrait, landscape, and testimony—celebrating discipline, sacrifice, and quiet persistence. This piece resonates deeply in luxury interiors where meaning matters more than ornament: dressing rooms, corridors, stairwells, private studios, and gallery-inspired homes.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Designed for collectors who value nuance over spectacle.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This is not a dance piece.\u003cbr\u003e\n            It is a legacy piece.\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 enduring value for collectors who appreciate discipline and legacy.\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 richness and material integrity.\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\"\u003eBallet-inspired fine art maintains strong appeal among sophisticated collectors. This piece represents both aesthetic refinement 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            Endure pairs beautifully with complementary works for refined narrative 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\"\u003eQuiet Surrender\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eMonochrome figurative study\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eStill Practice\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eMinimalist movement-inspired abstract\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n        \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n            Together, they create a refined narrative of discipline, form, and restraint—ideal for vertical architectural spaces or private galleries.\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 spaces where meaning matters more than ornament.\n        \u003c\/p\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cdiv class=\"space-tag\"\u003eDressing Rooms\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eCorridors\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eStairwells\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePrivate Studios\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eGallery-Inspired Homes\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePerformance Spaces\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n    \u003cdiv class=\"brands-content reveal\"\u003e\n        \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n        \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n        \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of quiet devotion.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Endure%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":46081396867237,"sku":"3921005_16039","price":8264.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/1F690707-A6BD-4A9B-A1AF-9EBE7C5E3D03.png?v=1764722666"},{"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":"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":"stillness-at-the-edge","title":"Quiet Tide — Limited Edition Coastal Reverie Portrait","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eQuiet Tide | Luxury Coastal Portrait Fine Art by Kasian\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A serene coastal portrait artwork capturing stillness and reflection. Limited edition fine art for luxury bedrooms, hotels, and calming interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #111111;\n        --accent-color: #d4a574;\n        --accent-hover: #e0b687;\n        --text-primary: #ffffff;\n        --text-secondary: #a0a0a0;\n        --text-muted: #707070;\n        --divider-color: rgba(212, 165, 116, 0.3);\n        --warm-overlay: rgba(212, 165, 116, 0.05);\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header Styles *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        background-color: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        padding: 1.5rem 5%;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    nav ul {\n        list-style: none;\n        display: flex;\n        gap: 2.5rem;\n    }\n\n    nav a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    nav a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 5% 4rem;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n    }\n\n    .hero-content {\n        max-width: 1200px;\n        text-align: center;\n        z-index: 2;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n        animation: fadeIn 1s ease-out 0.3s both;\n    }\n\n    .hero h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 400;\n        letter-spacing: 3px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        animation: fadeInUp 1s ease-out 0.5s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        letter-spacing: 2px;\n        animation: fadeIn 1s ease-out 0.7s both;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background-color: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        transition: all 0.4s ease;\n        animation: fadeInUp 1s ease-out 0.9s both;\n    }\n\n    .cta-button:hover {\n        background-color: var(--accent-color);\n        color: var(--primary-bg);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.3);\n    }\n\n    \/* Gentle wave animation for serene mood *\/\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(circle at 30% 40%, rgba(212, 165, 116, 0.06) 0%, transparent 50%),\n                    radial-gradient(circle at 70% 70%, rgba(212, 165, 116, 0.04) 0%, transparent 50%);\n        animation: gentleBreath 15s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        font-weight: 400;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background-color: var(--accent-color);\n        margin: 2rem auto;\n    }\n\n    .description-text {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: justify;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .features-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.4s ease;\n        background: linear-gradient(135deg, var(--warm-overlay) 0%, transparent 100%);\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.2);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n    }\n\n    .feature-text {\n        color: var(--text-secondary);\n        line-height: 1.7;\n    }\n\n    \/* Stats Grid *\/\n    .stats-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .stats-grid {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n    }\n\n    .stat-card {\n        text-align: center;\n        padding: 2.5rem 1.5rem;\n        background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n        border: 1px solid rgba(212, 165, 116, 0.2);\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 6rem 5%;\n        background-color: var(--secondary-bg);\n    }\n\n    .pairings-grid {\n        max-width: 1000px;\n        margin: 3rem auto 0;\n        display: grid;\n        gap: 2rem;\n    }\n\n    .pairing-item {\n        padding: 2rem;\n        border-left: 2px solid var(--accent-color);\n        background: linear-gradient(90deg, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n    }\n\n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    .pairing-description {\n        color: var(--text-secondary);\n        font-style: italic;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        padding: 6rem 5%;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n        text-align: center;\n    }\n\n    .collection-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 1.5rem;\n    }\n\n    .collection-cta p {\n        color: var(--text-secondary);\n        font-size: 1.2rem;\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 6rem 5%;\n        background-color: var(--primary-bg);\n    }\n\n    .investment-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin: 3rem 0;\n    }\n\n    .space-tag {\n        padding: 0.75rem 1.5rem;\n        border: 1px solid rgba(212, 165, 116, 0.3);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        color: var(--text-secondary);\n        background: linear-gradient(135deg, var(--warm-overlay) 0%, transparent 100%);\n    }\n\n    \/* Luxury Brands *\/\n    .brands-section {\n        padding: 4rem 5%;\n        background-color: var(--secondary-bg);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .brands-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brands-label {\n        font-size: 0.85rem;\n        letter-spacing: 3px;\n        color: var(--text-muted);\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .brands-list {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        letter-spacing: 2px;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a140f 100%);\n        text-align: center;\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        color: var(--text-secondary);\n        font-size: 1.1rem;\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 5%;\n        background-color: var(--primary-bg);\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 2rem;\n    }\n\n    .footer-logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        letter-spacing: 2px;\n    }\n\n    .social-links {\n        display: flex;\n        gap: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    .copyright {\n        width: 100%;\n        text-align: center;\n        margin-top: 2rem;\n        color: var(--text-muted);\n        font-size: 0.85rem;\n    }\n\n    \/* Animations *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\n\n    @keyframes gentleBreath {\n        0%, 100% {\n            opacity: 0.8;\n            transform: scale(1);\n        }\n        50% {\n            opacity: 1;\n            transform: scale(1.03);\n        }\n    }\n\n    \/* Scroll reveal animation *\/\n    .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease;\n    }\n\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        header {\n            padding: 1rem 5%;\n        }\n\n        nav ul {\n            gap: 1.5rem;\n        }\n\n        nav a {\n            font-size: 0.8rem;\n        }\n\n        .hero {\n            padding: 6rem 5% 3rem;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n        }\n\n        .tagline {\n            font-size: 1.2rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .target-spaces {\n            gap: 1rem;\n        }\n\n        .space-tag {\n            padding: 0.5rem 1rem;\n            font-size: 0.8rem;\n        }\n\n        .footer-content {\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#about\"\u003eABOUT\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#features\"\u003eFEATURES\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#collection\"\u003eCOLLECTION\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#inquiry\"\u003eINQUIRY\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLIMITED EDITION OF 50\u003c\/div\u003e\n        \u003ch1\u003eQuiet Tide\u003c\/h1\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eINQUIRE NOW\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/lC70-51FK5A\" title=\"Quiet Tide - Luxury Coastal Portrait Art\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\" id=\"about\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eCoastal Reverie\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            A moment of still water and inward grace. Quiet Tide is a portrait of calm, femininity, and reflection—crafted for serene, elevated interiors.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003cdiv class=\"backstory-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eThe Moment\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Quiet Tide captures the luxury of unobserved peace.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            A woman sits at the edge of a wooden dock, her back turned, hair softened by a breeze, hat tilted gently toward still water. There is no urgency. No performance. Only presence. The palette is restrained—ivory, warm sand, muted taupe, fog-soft gray—allowing atmosphere to carry the emotion.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This work is about being, not being seen.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            The composition draws the viewer into a private pause: the moment before thought resumes, before movement interrupts reflection. The water becomes a mirror for silence. The dock grounds the scene in reality, while the soft rendering elevates it into memory.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Designed for luxury bedrooms, private retreats, spa suites, boutique hotels, and refined residential sanctuaries, Quiet Tide brings emotional calm without becoming passive. It soothes without fading.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Printed using museum-grade archival inks on premium fine art substrates and released in a strictly limited edition, this piece is positioned as a collector-grade work of emotional restraint and timeless appeal.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            It does not call attention.\u003cbr\u003e\n            It keeps it.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"features\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and long-term value appreciation for discerning collectors.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eMuseum-grade materials ensure 100+ year longevity. Printed using pigment-based archival inks on premium fine art substrates for exceptional tonal fidelity and preservation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card reveal\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eContemplative figurative works maintain strong demand among sophisticated collectors. This piece represents both aesthetic sophistication and thoughtful portfolio diversification.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Stats Section --\u003e\n\u003csection class=\"stats-section\"\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card reveal\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eArtist Studio\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003cdiv class=\"description-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Quiet Tide pairs beautifully with complementary works for cohesive serene interiors.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eStillwater Solitude\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eReflective minimalism\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-item reveal\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eSoft Horizon\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eAtmospheric calm\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"text-align: center; margin-top: 2rem;\"\u003e\n        \u003cp class=\"description-text\" style=\"font-style: italic;\"\u003e\n            Together, these works form a cohesive coastal-reverie series ideal for luxury hospitality suites, wellness spaces, and collector bedrooms.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n        \u003cp\u003eDiscover more emotional and contemplative portraits from the Emotional Figurative Collection.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/emotional-figurative-collection\" class=\"cta-button\"\u003eVIEW COLLECTION\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Designed for spaces where calm is curated as deliberately as design.\n        \u003c\/p\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cdiv class=\"space-tag\"\u003eLuxury Bedrooms\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePrivate Retreats\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eSpa Suites\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eBoutique Hotels\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eResidential Sanctuaries\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eWellness Spaces\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands --\u003e\n\u003csection class=\"brands-section\"\u003e\n    \u003cdiv class=\"brands-content reveal\"\u003e\n        \u003cp class=\"brands-label\"\u003eSelected for luxury hospitality environments\u003c\/p\u003e\n        \u003cp class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n    \u003cdiv class=\"reveal\"\u003e\n        \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n        \u003cp\u003eLimited to 50 collectors worldwide. Reserve your numbered edition of tranquility.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Quiet%20Tide%20Limited%20Edition\" class=\"cta-button\"\u003eCONTACT STUDIO\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\/\"\u003eINSTAGRAM\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\"\u003eGALLERY\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCONTACT\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"copyright\"\u003e\n            © 2025 Kasian Art Studio. All rights reserved. Limited Edition Fine Art.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Reveal Script --\u003e\n\u003cscript\u003e\n    \/\/ Scroll reveal animation\n    function reveal() {\n        const reveals = document.querySelectorAll('.reveal');\n        \n        reveals.forEach(element =\u003e {\n            const windowHeight = window.innerHeight;\n            const elementTop = element.getBoundingClientRect().top;\n            const elementVisible = 150;\n            \n            if (elementTop \u003c windowHeight - elementVisible) {\n                element.classList.add('active');\n            }\n        });\n    }\n\n    window.addEventListener('scroll', reveal);\n    reveal(); \/\/ Check on load\n\n    \/\/ Smooth scroll for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083367600293,"sku":"6598355_16039","price":8764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/101AF7C6-E549-4717-987A-417353031496.png?v=1764718552"},{"product_id":"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":"red-soles","title":"Velvet Descent — Limited Edition Fashion Noir Fine Art","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eVelvet Descent | Luxury Noir Fashion Art by Kasian\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A bold noir fashion artwork featuring iconic heels and sculptural form. Limited edition fine art for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #141414;\n        --accent-color: #d4a574;\n        --accent-dark: #b88a5f;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a8a8a8;\n        --divider-color: rgba(212, 165, 116, 0.2);\n    }\n    \n    html {\n        scroll-behavior: smooth;\n    }\n    \n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.7;\n        overflow-x: hidden;\n    }\n    \n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid rgba(212, 165, 116, 0.1);\n        padding: 1.5rem 5%;\n        transition: all 0.3s ease;\n    }\n    \n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n    \n    .logo:hover {\n        color: var(--accent-color);\n    }\n    \n    nav ul {\n        display: flex;\n        list-style: none;\n        gap: 2.5rem;\n    }\n    \n    nav a {\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        color: var(--text-secondary);\n        text-decoration: none;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-weight: 300;\n    }\n    \n    nav a:hover {\n        color: var(--accent-color);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 5% 4rem;\n        overflow: hidden;\n    }\n    \n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: radial-gradient(circle at 50% 40%, rgba(212, 165, 116, 0.08) 0%, transparent 60%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n    \n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 0.7; }\n    }\n    \n    .hero-content {\n        max-width: 900px;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1.2s ease-out;\n    }\n    \n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .hero-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 5rem;\n        font-weight: 400;\n        letter-spacing: 3px;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        line-height: 1.2;\n    }\n    \n    .edition-badge {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--accent-color);\n        border: 1px solid var(--accent-color);\n        padding: 0.6rem 1.5rem;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.4rem;\n        font-style: italic;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--primary-bg);\n        background: var(--accent-color);\n        padding: 1.2rem 3rem;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: 2px solid var(--accent-color);\n        font-weight: 500;\n    }\n    \n    .cta-button:hover {\n        background: transparent;\n        color: var(--accent-color);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.2);\n    }\n    \n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n    }\n    \n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(212, 165, 116, 0.2);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n    \n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n    \n    \/* Description Section *\/\n    .description-section {\n        padding: 6rem 5%;\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 400;\n        text-align: center;\n        margin-bottom: 3rem;\n        letter-spacing: 2px;\n    }\n    \n    .divider {\n        width: 100px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 3rem auto;\n    }\n    \n    .description-text {\n        font-size: 1.1rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        text-align: center;\n        margin-bottom: 2rem;\n    }\n    \n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n    }\n    \n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n    }\n    \n    .backstory-text strong {\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n    \n    \/* Features Grid *\/\n    .features-section {\n        padding: 6rem 5%;\n    }\n    \n    .features-grid {\n        max-width: 1200px;\n        margin: 4rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 3rem;\n    }\n    \n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid rgba(212, 165, 116, 0.15);\n        transition: all 0.3s ease;\n        background: rgba(212, 165, 116, 0.02);\n    }\n    \n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n    }\n    \n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n    \n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n    \n    .feature-description {\n        font-size: 0.95rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Edition Details *\/\n    .edition-details {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n    }\n    \n    .stats-grid {\n        max-width: 1200px;\n        margin: 4rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 2rem;\n    }\n    \n    .stat-card {\n        text-align: center;\n        padding: 2rem;\n        border-left: 2px solid var(--accent-color);\n    }\n    \n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n        font-weight: 300;\n    }\n    \n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n    \n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 6rem 5%;\n    }\n    \n    .pairings-grid {\n        max-width: 1000px;\n        margin: 4rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 3rem;\n    }\n    \n    .pairing-card {\n        border: 1px solid rgba(212, 165, 116, 0.15);\n        padding: 2.5rem;\n        transition: all 0.3s ease;\n        background: rgba(212, 165, 116, 0.02);\n    }\n    \n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-3px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.1);\n    }\n    \n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        color: var(--accent-color);\n        margin-bottom: 1rem;\n    }\n    \n    .pairing-description {\n        font-size: 1rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Collection CTA *\/\n    .collection-cta {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n        text-align: center;\n    }\n    \n    .collection-cta .section-title {\n        margin-bottom: 2rem;\n    }\n    \n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    \n    \/* Investment Section *\/\n    .investment-section {\n        padding: 6rem 5%;\n    }\n    \n    .investment-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .target-spaces {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n        line-height: 2;\n    }\n    \n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 5%;\n        background: var(--secondary-bg);\n        border-top: 1px solid rgba(212, 165, 116, 0.1);\n        border-bottom: 1px solid rgba(212, 165, 116, 0.1);\n    }\n    \n    .brand-strip-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .brand-strip h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.85rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .brand-logos {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        color: var(--accent-color);\n        letter-spacing: 2px;\n    }\n    \n    \/* Final CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        text-align: center;\n    }\n    \n    .final-cta .section-title {\n        margin-bottom: 1.5rem;\n    }\n    \n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n    \n    \/* Highlight Section *\/\n    .highlight-section {\n        padding: 6rem 5%;\n        background: linear-gradient(135deg, rgba(212, 165, 116, 0.05) 0%, transparent 100%);\n    }\n    \n    .highlight-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .highlight-quote {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        font-style: italic;\n        color: var(--accent-color);\n        line-height: 1.6;\n        margin-bottom: 2rem;\n    }\n    \n    .highlight-text {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        line-height: 2;\n    }\n    \n    \/* Footer *\/\n    footer {\n        padding: 3rem 5%;\n        background: var(--secondary-bg);\n        border-top: 1px solid rgba(212, 165, 116, 0.1);\n    }\n    \n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .footer-text {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n    }\n    \n    .social-links {\n        display: flex;\n        gap: 2rem;\n    }\n    \n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n    \n    \/* Responsive Design *\/\n    @media (max-width: 968px) {\n        .hero-title {\n            font-size: 3.5rem;\n        }\n        \n        .features-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n        \n        .stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        \n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        nav ul {\n            gap: 1.5rem;\n        }\n        \n        .highlight-quote {\n            font-size: 2rem;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        header {\n            padding: 1rem 5%;\n        }\n        \n        .logo {\n            font-size: 1.2rem;\n        }\n        \n        nav ul {\n            display: none;\n        }\n        \n        .hero {\n            padding: 6rem 5% 3rem;\n        }\n        \n        .hero-title {\n            font-size: 2.5rem;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n        }\n        \n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .footer-content {\n            flex-direction: column;\n            gap: 2rem;\n            text-align: center;\n        }\n        \n        .highlight-quote {\n            font-size: 1.5rem;\n        }\n    }\n    \n    \/* Scroll Animations *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    \n    \/* Shimmer Effect *\/\n    @keyframes shimmer {\n        0% {\n            background-position: -1000px 0;\n        }\n        100% {\n            background-position: 1000px 0;\n        }\n    }\n    \n    .shimmer {\n        background: linear-gradient(\n            90deg,\n            transparent 0%,\n            rgba(212, 165, 116, 0.1) 50%,\n            transparent 100%\n        );\n        background-size: 1000px 100%;\n        animation: shimmer 3s infinite;\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1 class=\"hero-title\"\u003eVelvet Descent\u003c\/h1\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Velvet%20Descent\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/4xYPjy1XAuM\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eIconic Confidence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp class=\"description-text\"\u003e\n        Seduction in motion. Velvet Descent captures feminine power, luxury, and confidence with editorial precision—created for bold, elevated interiors.\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Highlight Quote Section --\u003e\n\u003csection class=\"highlight-section\"\u003e\n    \u003cdiv class=\"highlight-content\"\u003e\n        \u003cp class=\"highlight-quote\"\u003e\n            \"Poise never asks permission.\"\n        \u003c\/p\u003e\n        \u003cp class=\"highlight-text\"\u003e\n            This is not fashion. This is attitude, preserved.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            \u003cstrong\u003eElegance is not loud.\u003c\/strong\u003e\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Velvet Descent was inspired by the moment just before an entrance is made—the pause, the poise, the certainty that follows. The heels do not walk; they command the room in advance.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This piece belongs in spaces where confidence is inherited, not performed.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Two elongated legs rise effortlessly into darkness, framed by impossibly sharp black stilettos. The composition is minimal, deliberate, and charged. There is no face, no identity—only presence. The viewer understands immediately: this is power without explanation.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e👠\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003e\n                Only 50 prints will ever exist. Each piece is individually numbered and authenticated with a signed certificate of authenticity, ensuring exclusivity and collector-grade positioning.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003e\n                Museum-grade materials ensure 100+ year longevity. Printed with professional archival pigment inks on premium fine art substrates for exceptional tonal depth and preservation.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✨\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003e\n                Fashion noir artwork maintains strong demand in luxury markets. Positioned for collectors who understand restraint as the highest form of confidence.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Specifications\u003c\/h2\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eTotal Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eEach Signed\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eNoir Silhouette\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003e\n                Sculptural femininity meets timeless elegance. Together, these works create a fashion-noir dialogue ideal for luxury hotel suites and penthouse galleries.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eMidnight Authority\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003e\n                Controlled contrast balanced with confident restraint. This pairing explores power and poise—perfect for high-end editorial interiors and boutique hospitality.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp\u003e\n        Velvet Descent belongs to the Grand Scale Statement Pieces Collection—a curated series of bold, iconic artworks designed for luxury interiors that command attention.\n    \u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/grand-scale-statement-pieces?page=2\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Designed for luxury penthouses, boutique hotel suites, executive lounges, fashion houses, and curated private galleries, Velvet Descent becomes an interior statement piece—editorial yet timeless, intimate yet commanding.\n        \u003c\/p\u003e\n        \u003cp class=\"target-spaces\"\u003e\n            \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n            Luxury Penthouses • Boutique Hotel Suites • Fashion Houses • Executive Lounges • Private Galleries\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-content\"\u003e\n        \u003ch3\u003eCurated for Discerning Spaces\u003c\/h3\u003e\n        \u003cdiv class=\"brand-logos\"\u003e\n            Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n    \u003ch2 class=\"section-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n    \u003cp\u003e\n        Velvet Descent is available for private acquisition, gallery representation, and hospitality procurement.\n    \u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Velvet%20Descent\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\"\u003eFacebook\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Scroll Animation Observer\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header Scroll Effect\n    let lastScroll = 0;\n    const header = document.querySelector('header');\n\n    window.addEventListener('scroll', () =\u003e {\n        const currentScroll = window.pageYOffset;\n        \n        if (currentScroll \u003e 100) {\n            header.style.padding = '1rem 5%';\n        } else {\n            header.style.padding = '1.5rem 5%';\n        }\n        \n        lastScroll = currentScroll;\n    });\n\n    \/\/ Add shimmer effect to hero on scroll\n    const hero = document.querySelector('.hero');\n    window.addEventListener('scroll', () =\u003e {\n        if (window.pageYOffset \u003c window.innerHeight) {\n            hero.style.opacity = 1 - (window.pageYOffset \/ window.innerHeight * 0.5);\n        }\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083624108197,"sku":"6251253_16039","price":8334.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/4ABAF0BF-716E-4356-B87D-5A5909F75648.png?v=1764343449"},{"product_id":"silhouette-no-7","title":"Silent Current — Limited Edition Abstract Noir Fine Art","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSilent Current | Luxury Abstract Noir Art by Kasian\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A minimalist abstract fine art piece in black and silver tones. Limited edition noir artwork for collectors, hotels, penthouses, and galleries.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n    \n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #141414;\n        --accent-color: #c0c0c0;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a8a8a8;\n        --divider-color: rgba(192, 192, 192, 0.2);\n    }\n    \n    html {\n        scroll-behavior: smooth;\n    }\n    \n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.7;\n        overflow-x: hidden;\n    }\n    \n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid rgba(192, 192, 192, 0.1);\n        padding: 1.5rem 5%;\n        transition: all 0.3s ease;\n    }\n    \n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n    \n    .logo:hover {\n        color: var(--accent-color);\n    }\n    \n    nav ul {\n        display: flex;\n        list-style: none;\n        gap: 2.5rem;\n    }\n    \n    nav a {\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        color: var(--text-secondary);\n        text-decoration: none;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-weight: 300;\n    }\n    \n    nav a:hover {\n        color: var(--accent-color);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 5% 4rem;\n        overflow: hidden;\n    }\n    \n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: radial-gradient(circle at 30% 50%, rgba(192, 192, 192, 0.05) 0%, transparent 50%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n    \n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.3; }\n        50% { opacity: 0.6; }\n    }\n    \n    .hero-content {\n        max-width: 900px;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1.2s ease-out;\n    }\n    \n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .hero-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 5rem;\n        font-weight: 400;\n        letter-spacing: 3px;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        line-height: 1.2;\n    }\n    \n    .edition-badge {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--accent-color);\n        border: 1px solid var(--accent-color);\n        padding: 0.6rem 1.5rem;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.4rem;\n        font-style: italic;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        letter-spacing: 1px;\n    }\n    \n    .cta-button {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--primary-bg);\n        background: var(--accent-color);\n        padding: 1.2rem 3rem;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: 2px solid var(--accent-color);\n        font-weight: 500;\n    }\n    \n    .cta-button:hover {\n        background: transparent;\n        color: var(--accent-color);\n        transform: translateY(-2px);\n    }\n    \n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n    }\n    \n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(192, 192, 192, 0.2);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n    \n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n    \n    \/* Description Section *\/\n    .description-section {\n        padding: 6rem 5%;\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 400;\n        text-align: center;\n        margin-bottom: 3rem;\n        letter-spacing: 2px;\n    }\n    \n    .divider {\n        width: 100px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 3rem auto;\n    }\n    \n    .description-text {\n        font-size: 1.1rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        text-align: center;\n        margin-bottom: 2rem;\n    }\n    \n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n    }\n    \n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n    \n    .backstory-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n    }\n    \n    .backstory-text strong {\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n    \n    \/* Features Grid *\/\n    .features-section {\n        padding: 6rem 5%;\n    }\n    \n    .features-grid {\n        max-width: 1200px;\n        margin: 4rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 3rem;\n    }\n    \n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid rgba(192, 192, 192, 0.15);\n        transition: all 0.3s ease;\n    }\n    \n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n    }\n    \n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n    \n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n    \n    .feature-description {\n        font-size: 0.95rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Edition Details *\/\n    .edition-details {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n    }\n    \n    .stats-grid {\n        max-width: 1200px;\n        margin: 4rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 2rem;\n    }\n    \n    .stat-card {\n        text-align: center;\n        padding: 2rem;\n        border-left: 2px solid var(--accent-color);\n    }\n    \n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n        font-weight: 300;\n    }\n    \n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n    \n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 6rem 5%;\n    }\n    \n    .pairings-grid {\n        max-width: 1000px;\n        margin: 4rem auto 0;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 3rem;\n    }\n    \n    .pairing-card {\n        border: 1px solid rgba(192, 192, 192, 0.15);\n        padding: 2.5rem;\n        transition: all 0.3s ease;\n    }\n    \n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-3px);\n    }\n    \n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        color: var(--accent-color);\n        margin-bottom: 1rem;\n    }\n    \n    .pairing-description {\n        font-size: 1rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n    \n    \/* Collection CTA *\/\n    .collection-cta {\n        padding: 6rem 5%;\n        background: var(--secondary-bg);\n        text-align: center;\n    }\n    \n    .collection-cta .section-title {\n        margin-bottom: 2rem;\n    }\n    \n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    \n    \/* Investment Section *\/\n    .investment-section {\n        padding: 6rem 5%;\n    }\n    \n    .investment-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .target-spaces {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n        line-height: 2;\n    }\n    \n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 5%;\n        background: var(--secondary-bg);\n        border-top: 1px solid rgba(192, 192, 192, 0.1);\n        border-bottom: 1px solid rgba(192, 192, 192, 0.1);\n    }\n    \n    .brand-strip-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n    \n    .brand-strip h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.85rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n    \n    .brand-logos {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        color: var(--accent-color);\n        letter-spacing: 2px;\n    }\n    \n    \/* Final CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        text-align: center;\n    }\n    \n    .final-cta .section-title {\n        margin-bottom: 1.5rem;\n    }\n    \n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n    \n    \/* Footer *\/\n    footer {\n        padding: 3rem 5%;\n        background: var(--secondary-bg);\n        border-top: 1px solid rgba(192, 192, 192, 0.1);\n    }\n    \n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .footer-text {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n    }\n    \n    .social-links {\n        display: flex;\n        gap: 2rem;\n    }\n    \n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n    \n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n    \n    \/* Responsive Design *\/\n    @media (max-width: 968px) {\n        .hero-title {\n            font-size: 3.5rem;\n        }\n        \n        .features-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n        \n        .stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        \n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        nav ul {\n            gap: 1.5rem;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        header {\n            padding: 1rem 5%;\n        }\n        \n        .logo {\n            font-size: 1.2rem;\n        }\n        \n        nav ul {\n            display: none;\n        }\n        \n        .hero {\n            padding: 6rem 5% 3rem;\n        }\n        \n        .hero-title {\n            font-size: 2.5rem;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n        }\n        \n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n        \n        .footer-content {\n            flex-direction: column;\n            gap: 2rem;\n            text-align: center;\n        }\n    }\n    \n    \/* Scroll Animations *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    \n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1 class=\"hero-title\"\u003eSilent Current\u003c\/h1\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Current\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/8_lkHS48xNk\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eA Meditation on Restraint\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp class=\"description-text\"\u003e\n        A slow movement through shadow and form. Silent Current is an abstract meditation on energy, restraint, and quiet power—created for spaces that breathe sophistication.\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003ch2 class=\"section-title\"\u003eThe Story\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            \u003cstrong\u003eCurrents are rarely loud.\u003c\/strong\u003e\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Silent Current was created to embody restrained momentum—the unseen force that shapes without spectacle. Its curves reference breath, motion, and continuity. Its emptiness creates space for reflection.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            This work belongs to interiors curated for balance—chosen by those who understand that energy, when refined, does not rush.\n        \u003c\/p\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            Silent Current is not an image—it is a sensation. Soft gradients of smoke-grey and black move against one another like restrained motion beneath the surface of still water. A singular, calligraphic black curve interrupts the flow, deliberate and decisive, anchoring the composition with intention rather than force.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\" id=\"details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003e\n                Only 50 prints will ever exist. Each piece is individually numbered and authenticated with a signed certificate of authenticity, ensuring exclusivity and long-term value.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003e\n                Museum-grade materials ensure 100+ year longevity. Printed with professional archival pigment inks on premium fine art substrates for exceptional tonal fidelity.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003e\n                Minimalist abstracts maintain strong demand in luxury markets. This work is positioned for galleries, collectors, and hospitality environments emphasizing refined aesthetic investment.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Specifications\u003c\/h2\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eTotal Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-card fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1\/1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eEach Signed\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eCrescent Nocturne\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003e\n                Celestial restraint meets atmospheric calm. Together, these pieces create a dialogue of quiet power and lunar elegance—ideal for gallery walls and luxury corridors.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eGolden Ascension\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003e\n                Structured elevation balanced with fluid motion. This pairing explores the tension between stillness and momentum—perfect for curated collector installations.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp\u003e\n        Silent Current belongs to the Black \u0026amp; White Luxury Collection—a curated series of sophisticated monochrome abstracts designed for refined interiors.\n    \u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            Designed for modern penthouses, boutique hotel corridors, executive offices, and gallery-caliber interiors, Silent Current operates as an atmospheric anchor. It does not overwhelm a space; it regulates it.\n        \u003c\/p\u003e\n        \u003cp class=\"target-spaces\"\u003e\n            \u003cstrong\u003eTarget Spaces:\u003c\/strong\u003e\u003cbr\u003e\n            Luxury Galleries • Private Penthouses • Boutique Hotels • Executive Offices • Museum-Grade Interiors\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-content\"\u003e\n        \u003ch3\u003eCurated for Discerning Spaces\u003c\/h3\u003e\n        \u003cdiv class=\"brand-logos\"\u003e\n            Aman • Four Seasons • St. Regis • Ritz-Carlton Reserve\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n    \u003ch2 class=\"section-title\"\u003eBegin Your Inquiry\u003c\/h2\u003e\n    \u003cp\u003e\n        Silent Current is available for private acquisition, gallery representation, and hospitality procurement.\n    \u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Silent%20Current\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cp class=\"footer-text\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\"\u003eFacebook\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Scroll Animation Observer\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header Scroll Effect\n    let lastScroll = 0;\n    const header = document.querySelector('header');\n\n    window.addEventListener('scroll', () =\u003e {\n        const currentScroll = window.pageYOffset;\n        \n        if (currentScroll \u003e 100) {\n            header.style.padding = '1rem 5%';\n        } else {\n            header.style.padding = '1.5rem 5%';\n        }\n        \n        lastScroll = currentScroll;\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46083624665253,"sku":"8401057_16039","price":9364.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/17AAFBF1-AEA0-4757-ACEA-D2C14CCE8216.png?v=1764636339"},{"product_id":"the-grand-ha","title":"Ivory Silence — Limited Edition Minimalist Fashion Fine Art","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eIvory Silence | Minimalist Fashion Fine Art by Kasian\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A minimalist black and ivory fashion artwork. Limited edition fine art for luxury interiors, boutique hotels, collectors, and galleries.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --bg-primary: #0a0a0a;\n        --bg-secondary: #111111;\n        --accent-ivory: #e8e4dc;\n        --accent-soft: #d4cfc4;\n        --text-primary: #ffffff;\n        --text-secondary: #a0a0a0;\n        --serif: 'Cormorant Garamond', serif;\n        --display: 'Playfair Display', serif;\n        --sans: 'Montserrat', sans-serif;\n    }\n\n    body {\n        background-color: var(--bg-primary);\n        color: var(--text-primary);\n        font-family: var(--sans);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        padding: 1.5rem 5%;\n        border-bottom: 1px solid rgba(232, 228, 220, 0.1);\n    }\n\n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: var(--display);\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    nav a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    nav a:hover {\n        color: var(--accent-ivory);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        padding: 8rem 5% 4rem;\n        background: radial-gradient(ellipse at center, rgba(232, 228, 220, 0.03) 0%, var(--bg-primary) 70%);\n        overflow: hidden;\n    }\n\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(232, 228, 220, 0.08) 0%, transparent 70%);\n        animation: gentleBreath 6s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes gentleBreath {\n        0%, 100% { \n            transform: translate(-50%, -50%) scale(1); \n            opacity: 0.2; \n        }\n        50% { \n            transform: translate(-50%, -50%) scale(1.1); \n            opacity: 0.35; \n        }\n    }\n\n    .hero-content {\n        text-align: center;\n        max-width: 900px;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-family: var(--display);\n        font-size: 5rem;\n        font-weight: 300;\n        letter-spacing: 4px;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        line-height: 1.2;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.75rem 2rem;\n        border: 1px solid var(--accent-ivory);\n        color: var(--accent-ivory);\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin: 1.5rem 0;\n        animation: fadeIn 1s ease-out 0.3s both;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .tagline {\n        font-family: var(--serif);\n        font-size: 1.4rem;\n        font-style: italic;\n        color: var(--text-secondary);\n        margin-bottom: 2.5rem;\n        animation: fadeIn 1s ease-out 0.6s both;\n    }\n\n    .hero-description {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        line-height: 1.8;\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n        animation: fadeIn 1s ease-out 0.9s both;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-ivory);\n        color: var(--accent-ivory);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 1s ease-out 1.2s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-ivory);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--bg-primary);\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-family: var(--display);\n        font-size: 3rem;\n        font-weight: 300;\n        text-align: center;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .section-subtitle {\n        font-family: var(--serif);\n        font-size: 1.2rem;\n        text-align: center;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 4rem;\n    }\n\n    .divider {\n        width: 100px;\n        height: 1px;\n        background: var(--accent-ivory);\n        margin: 3rem auto;\n    }\n\n    \/* Video Section *\/\n    .video-container {\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        max-width: 1200px;\n        margin: 0 auto;\n        border: 1px solid rgba(232, 228, 220, 0.15);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.1rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        text-align: center;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: var(--bg-secondary);\n        padding: 6rem 5%;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .backstory-content p {\n        font-family: var(--serif);\n        font-size: 1.25rem;\n        line-height: 2.2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: left;\n    }\n\n    .backstory-content p:first-of-type {\n        font-size: 1.5rem;\n        color: var(--accent-ivory);\n        font-style: italic;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 3rem 2rem;\n        background: var(--bg-secondary);\n        border: 1px solid rgba(232, 228, 220, 0.1);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-ivory);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 40px rgba(232, 228, 220, 0.05);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-ivory);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-family: var(--display);\n        font-size: 1.5rem;\n        font-weight: 400;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n\n    \/* Stats Grid *\/\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        text-align: center;\n    }\n\n    .stat-item {\n        padding: 2rem;\n        border: 1px solid rgba(232, 228, 220, 0.15);\n    }\n\n    .stat-number {\n        font-family: var(--display);\n        font-size: 2.5rem;\n        font-weight: 300;\n        color: var(--accent-ivory);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-list {\n        max-width: 800px;\n        margin: 4rem auto 0;\n    }\n\n    .pairing-item {\n        margin-bottom: 2.5rem;\n        padding-bottom: 2.5rem;\n        border-bottom: 1px solid rgba(232, 228, 220, 0.1);\n    }\n\n    .pairing-item:last-child {\n        border-bottom: none;\n    }\n\n    .pairing-item h3 {\n        font-family: var(--display);\n        font-size: 1.8rem;\n        font-weight: 400;\n        color: var(--text-primary);\n        margin-bottom: 0.75rem;\n    }\n\n    .pairing-item p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);\n        text-align: center;\n        padding: 5rem 5%;\n    }\n\n    .collection-cta h2 {\n        font-family: var(--display);\n        font-size: 2.5rem;\n        font-weight: 300;\n        margin-bottom: 1.5rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Target Spaces *\/\n    .target-spaces {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .spaces-list {\n        font-family: var(--serif);\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        line-height: 2;\n        margin-top: 2rem;\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        background: var(--bg-secondary);\n        padding: 3rem 5%;\n        text-align: center;\n        border-top: 1px solid rgba(232, 228, 220, 0.1);\n        border-bottom: 1px solid rgba(232, 228, 220, 0.1);\n    }\n\n    .brand-strip p {\n        font-size: 0.85rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 1.5rem;\n    }\n\n    .brand-names {\n        font-family: var(--display);\n        font-size: 1.3rem;\n        font-weight: 300;\n        color: var(--accent-ivory);\n        letter-spacing: 3px;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 5%;\n        background: radial-gradient(ellipse at center, rgba(232, 228, 220, 0.03) 0%, transparent 70%);\n    }\n\n    .final-cta h2 {\n        font-family: var(--display);\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 2rem;\n        line-height: 1.3;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    footer {\n        background: var(--bg-secondary);\n        padding: 4rem 5%;\n        text-align: center;\n        border-top: 1px solid rgba(232, 228, 220, 0.1);\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        margin: 2rem 0;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        margin: 0 1.5rem;\n        font-size: 1rem;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-ivory);\n    }\n\n    .footer-text {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        margin-top: 2rem;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        nav {\n            display: none;\n        }\n\n        .features-grid,\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        section {\n            padding: 4rem 5%;\n        }\n    }\n\n    \/* Scroll animations *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n                \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n                \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n                \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eIvory Silence\u003c\/h1\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003cp class=\"hero-description\"\u003e\n            Effortless poise rendered in quiet contrast. Ivory Silence captures feminine elegance at its most distilled—designed for interiors that honor restraint, balance, and timeless style.\n        \u003c\/p\u003e\n        \u003ca href=\"#inquire\" class=\"cta-button\"\u003eRequest Private Viewing\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eExperience Ivory Silence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/6Wz2ZCkIddo\" title=\"Ivory Silence - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description-content\"\u003e\n        \u003cp\u003e\n            Ivory Silence is an homage to understatement. A sculptural feminine form sits composed and unguarded, dressed in monochrome blacks against a luminous ivory field. Her wide-brimmed hat obscures identity, transforming fashion into archetype and gesture into language. The absence of detail is intentional. What remains is refinement.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003ch2 class=\"section-title\"\u003eThe Philosophy of Silence\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \n        \u003cp\u003eSilence has always been the language of refinement.\u003c\/p\u003e\n        \n        \u003cp\u003e\n            Ivory Silence was conceived as a counterpoint to excess—where femininity is defined not by display, but by certainty. The hat shields distraction. The pose holds certainty. The negative space becomes breath.\n        \u003c\/p\u003e\n        \n        \u003cp\u003e\n            Every line is deliberate. Every curve restrained. This work draws its strength not from ornament, but from certainty—an aesthetic philosophy long favored by gallery curators, couture houses, and luxury interiors worldwide.\n        \u003c\/p\u003e\n        \n        \u003cp\u003e\n            This is art chosen by those who understand that luxury is a decision, not an announcement.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection id=\"details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle\"\u003eWhere minimalism meets permanence\u003c\/p\u003e\n    \n    \u003cdiv class=\"features-grid fade-in\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and accompanied by a certificate of authenticity, ensuring exclusivity and positioning as a collector object that transcends trend.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure 100+ year longevity. Printed with pigment-based inks on premium fine art substrates rated for long-term preservation and collector-level presentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◇\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eMinimalist fashion artworks maintain strong demand among high-caliber collectors, gallery curators, and luxury hospitality buyers who value timeless restraint over temporary trends.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Details --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Longevity\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-number\"\u003eVertical\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eMinimalist Form\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle\"\u003eA trilogy of restraint and power\u003c\/p\u003e\n    \n    \u003cdiv class=\"pairings-list\"\u003e\n        \u003cdiv class=\"pairing-item\"\u003e\n            \u003ch3\u003eGolden Ascension\u003c\/h3\u003e\n            \u003cp\u003eDivine elevation through architectural geometry and quiet sovereignty—where gold guides rather than dominates.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"pairing-item\"\u003e\n            \u003ch3\u003eGilded Veil\u003c\/h3\u003e\n            \u003cp\u003eSovereign mystery wrapped in gold luminosity and architectural shadow—designed for spaces that honor restraint.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp style=\"text-align: center; color: var(--text-secondary); font-style: italic; margin-top: 2rem;\"\u003e\n        Together, the trio balances softness, power, and restraint—ideal for curated collector walls, fashion houses, luxury penthouses, and hotel corridors.\n    \u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2\u003eExplore the Black \u0026amp; White Collection\u003c\/h2\u003e\n    \u003cp\u003e\n        Discover more monochrome masterworks designed for interiors that value timeless elegance, architectural balance, and quiet luxury.\n    \u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/black-amp-white-luxury-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"target-spaces\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned For Distinction\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp style=\"color: var(--text-secondary); margin-bottom: 2rem;\"\u003e\n        Designed for contemporary residences, boutique hotel suites, fashion-forward lobbies, and gallery-grade walls.\n    \u003c\/p\u003e\n    \u003cdiv class=\"spaces-list\"\u003e\n        Collectors • Boutique Hotels • Fashion Houses • Luxury Penthouses • Gallery Walls • Executive Offices • Contemporary Residences • Curated Hospitality Spaces • Designer Showrooms\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003cp\u003eCurated for the world's most distinguished properties\u003c\/p\u003e\n    \u003cdiv class=\"brand-names\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n    \u003ch2\u003eShe Does Not Perform.\u003cbr\u003eShe Commands Through Calm.\u003c\/h2\u003e\n    \u003cp\u003e\n        Private viewings and collector consultations available by appointment. Investment-grade documentation provided with each acquisition.\n    \u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eEmail\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"footer-text\"\u003e\n            © 2025 Kasian Art Studio. All rights reserved.\u003cbr\u003e\n            Museum-grade limited edition fine art for luxury interiors.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\n\u003cscript\u003e\n    \/\/ Smooth scroll for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\n    \/\/ Fade-in animation on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -100px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083626533029,"sku":"2938761_16039","price":10674.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083626565797,"sku":"2938761_16045","price":10674.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083626598565,"sku":"2938761_15700","price":10674.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D288ECA2-40CF-4C6E-B047-8BBA409CB5D2.png?v=1764277846"},{"product_id":"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":"inferno-in-motion","title":"Inferno in Motion – Red Elegance Dance Portrait (Ltd. Edition)","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eEternal Accord | Luxury Romantic Fine Art Wall Statement\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A museum-grade romantic fine art print capturing passion and motion. Limited edition artwork for luxury interiors and hotels.\"\u003e\n    \n    \u003c!-- Fonts --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        :root {\n            --bg-dark: #0a0a0a;\n            --bg-darker: #050505;\n            --text-light: #f5f5f5;\n            --text-muted: #a0a0a0;\n            --accent: #8B0000;\n            --accent-hover: #a01010;\n            --accent-glow: rgba(139, 0, 0, 0.3);\n            --divider: rgba(139, 0, 0, 0.3);\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        html {\n            scroll-behavior: smooth;\n        }\n        \n        body {\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--bg-dark);\n            color: var(--text-light);\n            line-height: 1.8;\n            overflow-x: hidden;\n        }\n        \n        \/* Header *\/\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: rgba(10, 10, 10, 0.95);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid rgba(139, 0, 0, 0.1);\n            transition: all 0.3s ease;\n        }\n        \n        header.scrolled {\n            background: rgba(10, 10, 10, 0.98);\n            box-shadow: 0 4px 20px rgba(139, 0, 0, 0.3);\n        }\n        \n        .header-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 1.5rem 3rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .logo {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            font-weight: 600;\n            letter-spacing: 2px;\n            color: var(--text-light);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n        \n        .logo:hover {\n            color: var(--accent);\n        }\n        \n        nav ul {\n            display: flex;\n            list-style: none;\n            gap: 2.5rem;\n        }\n        \n        nav a {\n            color: var(--text-muted);\n            text-decoration: none;\n            font-size: 0.9rem;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            transition: color 0.3s ease;\n            font-weight: 400;\n        }\n        \n        nav a:hover {\n            color: var(--accent);\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            padding: 8rem 3rem 4rem;\n            background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 70%);\n            animation: emberPulse 10s ease-in-out infinite;\n        }\n        \n        .hero::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 800px;\n            height: 800px;\n            background: radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);\n            transform: translate(-50%, -50%);\n            animation: smokeWisp 15s ease-in-out infinite;\n            pointer-events: none;\n        }\n        \n        @keyframes emberPulse {\n            0%, 100% { opacity: 0.2; }\n            50% { opacity: 0.5; }\n        }\n        \n        @keyframes smokeWisp {\n            0%, 100% { \n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.1;\n            }\n            50% { \n                transform: translate(-50%, -55%) scale(1.2);\n                opacity: 0.3;\n            }\n        }\n        \n        .hero-content {\n            max-width: 900px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            animation: fadeInUp 1.2s ease-out;\n        }\n        \n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .edition-label {\n            font-size: 0.85rem;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            color: var(--accent);\n            margin-bottom: 1.5rem;\n            font-weight: 500;\n            text-shadow: 0 0 20px var(--accent-glow);\n        }\n        \n        .hero h1 {\n            font-family: 'Playfair Display', serif;\n            font-size: 4.5rem;\n            font-weight: 600;\n            line-height: 1.2;\n            margin-bottom: 1.5rem;\n            letter-spacing: 1px;\n            background: linear-gradient(135deg, var(--text-light) 0%, #d0d0d0 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .tagline {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.4rem;\n            font-weight: 300;\n            font-style: italic;\n            color: var(--text-muted);\n            margin-bottom: 3rem;\n            letter-spacing: 2px;\n        }\n        \n        .cta-button {\n            display: inline-block;\n            padding: 1rem 3rem;\n            background: transparent;\n            color: var(--accent);\n            border: 2px solid var(--accent);\n            text-decoration: none;\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            font-weight: 500;\n            box-shadow: 0 0 20px transparent;\n        }\n        \n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: var(--accent);\n            transition: left 0.4s ease;\n            z-index: -1;\n        }\n        \n        .cta-button:hover {\n            color: var(--text-light);\n            box-shadow: 0 0 30px var(--accent-glow);\n        }\n        \n        .cta-button:hover::before {\n            left: 0;\n        }\n        \n        \/* Section Styles *\/\n        section {\n            padding: 6rem 3rem;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        \n        .section-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            text-align: center;\n            margin-bottom: 1rem;\n            font-weight: 600;\n            letter-spacing: 1px;\n        }\n        \n        .section-subtitle {\n            text-align: center;\n            color: var(--text-muted);\n            font-size: 1.1rem;\n            margin-bottom: 4rem;\n            font-weight: 300;\n        }\n        \n        .divider {\n            width: 80px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--accent), transparent);\n            margin: 3rem auto;\n            box-shadow: 0 0 10px var(--accent-glow);\n        }\n        \n        \/* Video Section *\/\n        .video-section {\n            background: var(--bg-darker);\n            padding: 6rem 3rem;\n        }\n        \n        .video-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            padding-bottom: 56.25%;\n            height: 0;\n            overflow: hidden;\n            border-radius: 4px;\n            box-shadow: 0 20px 60px rgba(139, 0, 0, 0.4);\n            border: 1px solid rgba(139, 0, 0, 0.2);\n        }\n        \n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n        \n        \/* Description Section *\/\n        .description {\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        \n        .description p {\n            font-size: 1.15rem;\n            line-height: 2;\n            color: var(--text-muted);\n            margin-bottom: 1.5rem;\n        }\n        \n        \/* Backstory Section *\/\n        .backstory {\n            background: var(--bg-darker);\n            position: relative;\n        }\n        \n        .backstory::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(ellipse at top, var(--accent-glow) 0%, transparent 50%);\n            opacity: 0.2;\n            pointer-events: none;\n        }\n        \n        .backstory-content {\n            max-width: 900px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .backstory-content p {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 1.3rem;\n            line-height: 2.2;\n            color: var(--text-light);\n            margin-bottom: 2rem;\n            text-align: left;\n        }\n        \n        .backstory-content p:first-of-type::first-letter {\n            font-size: 3.5rem;\n            float: left;\n            line-height: 1;\n            margin: 0.1rem 0.5rem 0 0;\n            color: var(--accent);\n            font-weight: 600;\n            text-shadow: 0 0 20px var(--accent-glow);\n        }\n        \n        \/* Features Grid *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n            margin-top: 4rem;\n        }\n        \n        .feature-card {\n            text-align: center;\n            padding: 2.5rem 2rem;\n            background: rgba(139, 0, 0, 0.03);\n            border: 1px solid rgba(139, 0, 0, 0.15);\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(139, 0, 0, 0.1), transparent);\n            transition: left 0.6s ease;\n        }\n        \n        .feature-card:hover::before {\n            left: 100%;\n        }\n        \n        .feature-card:hover {\n            border-color: var(--accent);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px var(--accent-glow);\n        }\n        \n        .feature-icon {\n            font-size: 2.5rem;\n            color: var(--accent);\n            margin-bottom: 1.5rem;\n            text-shadow: 0 0 15px var(--accent-glow);\n        }\n        \n        .feature-card h3 {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n            color: var(--text-light);\n        }\n        \n        .feature-card p {\n            color: var(--text-muted);\n            line-height: 1.8;\n            font-size: 0.95rem;\n        }\n        \n        \/* Edition Details *\/\n        .edition-stats {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n            margin-top: 4rem;\n            padding: 3rem;\n            background: rgba(139, 0, 0, 0.03);\n            border: 1px solid var(--divider);\n        }\n        \n        .stat {\n            text-align: center;\n            padding: 1.5rem;\n            border-right: 1px solid var(--divider);\n        }\n        \n        .stat:last-child {\n            border-right: none;\n        }\n        \n        .stat-number {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.5rem;\n            color: var(--accent);\n            font-weight: 600;\n            margin-bottom: 0.5rem;\n            text-shadow: 0 0 15px var(--accent-glow);\n        }\n        \n        .stat-label {\n            font-size: 0.85rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            color: var(--text-muted);\n        }\n        \n        \/* Pairings Section *\/\n        .pairings {\n            background: var(--bg-darker);\n        }\n        \n        .pairings-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 3rem;\n            margin-top: 4rem;\n        }\n        \n        .pairing-card {\n            background: rgba(139, 0, 0, 0.03);\n            border: 1px solid rgba(139, 0, 0, 0.15);\n            padding: 2.5rem;\n            transition: all 0.4s ease;\n        }\n        \n        .pairing-card:hover {\n            border-color: var(--accent);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px var(--accent-glow);\n        }\n        \n        .pairing-card h3 {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.6rem;\n            margin-bottom: 1rem;\n            color: var(--accent);\n            text-shadow: 0 0 10px var(--accent-glow);\n        }\n        \n        .pairing-card p {\n            color: var(--text-muted);\n            line-height: 1.8;\n        }\n        \n        \/* Collection CTA *\/\n        .collection-cta {\n            text-align: center;\n            padding: 5rem 3rem;\n            background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n            position: relative;\n        }\n        \n        .collection-cta::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 60%);\n            opacity: 0.2;\n            pointer-events: none;\n        }\n        \n        .collection-cta h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .collection-cta p {\n            font-size: 1.1rem;\n            color: var(--text-muted);\n            margin-bottom: 2.5rem;\n            position: relative;\n            z-index: 2;\n        }\n        \n        \/* Investment Section *\/\n        .investment {\n            background: var(--bg-darker);\n        }\n        \n        .spaces-list {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n        }\n        \n        .space-item {\n            padding: 1.5rem;\n            background: rgba(139, 0, 0, 0.03);\n            border-left: 3px solid var(--accent);\n            transition: all 0.3s ease;\n        }\n        \n        .space-item:hover {\n            background: rgba(139, 0, 0, 0.08);\n            transform: translateX(10px);\n            box-shadow: -5px 0 20px var(--accent-glow);\n        }\n        \n        .space-item h4 {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.2rem;\n            margin-bottom: 0.5rem;\n            color: var(--text-light);\n        }\n        \n        .space-item p {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n        }\n        \n        \/* Luxury Brands Strip *\/\n        .luxury-brands {\n            padding: 4rem 3rem;\n            background: var(--bg-dark);\n            text-align: center;\n        }\n        \n        .luxury-brands p {\n            font-size: 0.85rem;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            color: var(--text-muted);\n            margin-bottom: 2rem;\n        }\n        \n        .brands-list {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            color: var(--accent);\n            letter-spacing: 3px;\n            text-shadow: 0 0 15px var(--accent-glow);\n        }\n        \n        \/* Final CTA *\/\n        .final-cta {\n            padding: 8rem 3rem;\n            text-align: center;\n            background: linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);\n            position: relative;\n        }\n        \n        .final-cta::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 70%);\n            opacity: 0.2;\n            pointer-events: none;\n        }\n        \n        .final-cta h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 3rem;\n            margin-bottom: 2rem;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .final-cta p {\n            font-size: 1.2rem;\n            color: var(--text-muted);\n            margin-bottom: 1rem;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .contact-email {\n            color: var(--accent);\n            text-decoration: none;\n            font-size: 1.1rem;\n            letter-spacing: 1px;\n            transition: all 0.3s ease;\n            text-shadow: 0 0 10px transparent;\n        }\n        \n        .contact-email:hover {\n            color: var(--accent-hover);\n            text-shadow: 0 0 20px var(--accent-glow);\n        }\n        \n        \/* Footer *\/\n        footer {\n            background: var(--bg-darker);\n            padding: 3rem;\n            text-align: center;\n            border-top: 1px solid rgba(139, 0, 0, 0.1);\n        }\n        \n        .footer-content {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        \n        .social-links {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            margin-bottom: 2rem;\n        }\n        \n        .social-links a {\n            color: var(--text-muted);\n            text-decoration: none;\n            font-size: 0.9rem;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n        }\n        \n        .social-links a:hover {\n            color: var(--accent);\n            text-shadow: 0 0 10px var(--accent-glow);\n        }\n        \n        .copyright {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            letter-spacing: 1px;\n        }\n        \n        \/* Scroll Animations *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n        \n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .header-content {\n                padding: 1rem 1.5rem;\n            }\n            \n            nav ul {\n                gap: 1.5rem;\n            }\n            \n            nav a {\n                font-size: 0.8rem;\n            }\n            \n            .hero h1 {\n                font-size: 2.5rem;\n            }\n            \n            .tagline {\n                font-size: 1.1rem;\n            }\n            \n            section {\n                padding: 4rem 1.5rem;\n            }\n            \n            .section-title {\n                font-size: 2rem;\n            }\n            \n            .features-grid,\n            .pairings-grid,\n            .spaces-list {\n                grid-template-columns: 1fr;\n            }\n            \n            .stat {\n                border-right: none;\n                border-bottom: 1px solid var(--divider);\n            }\n            \n            .stat:last-child {\n                border-bottom: none;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cdiv class=\"header-content\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cnav\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/nav\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Hero Section --\u003e\n    \u003csection class=\"hero\" id=\"artwork\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cp class=\"edition-label\"\u003eLimited Edition of 50\u003c\/p\u003e\n            \u003ch1\u003eEternal Accord\u003c\/h1\u003e\n            \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n            \u003ca href=\"#inquiry\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Video Section --\u003e\n    \u003cdiv class=\"video-section\"\u003e\n        \u003cdiv class=\"video-container\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/_gvY40qsY1k?si=PEomPQY_ghZQUiX4\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n            \u003c\/iframe\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Description Section --\u003e\n    \u003csection class=\"description\"\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp\u003eA cinematic expression of passion, balance, and magnetic intimacy—where motion becomes destiny.\u003c\/p\u003e\n        \u003cp\u003eEternal Accord captures the intimate tension between two souls bound in motion—strength meeting surrender, fire meeting control. This piece commands the room and is designed for collectors who curate spaces meant to be remembered.\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Backstory Section --\u003e\n    \u003csection class=\"backstory\" id=\"story\"\u003e\n        \u003ch2 class=\"section-title\"\u003eA Dance of Fire \u0026amp; Devotion\u003c\/h2\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"backstory-content fade-in\"\u003e\n            \u003cp\u003eThe room darkens. The world narrows.\u003c\/p\u003e\n            \u003cp\u003eIn Eternal Accord, time yields to connection. The figures move not to be seen, but to belong—a silent dialogue of trust and intensity. Fire curls around them, not consuming, but honoring the closeness they protect.\u003c\/p\u003e\n            \u003cp\u003eThis artwork is for those who understand that true luxury is emotional. That intimacy, when curated with restraint, becomes power.\u003c\/p\u003e\n            \u003cp\u003eCollectors acquire Eternal Accord as a statement of confidence, romance, and timeless presence.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Features Section --\u003e\n    \u003csection id=\"details\"\u003e\n        \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle\"\u003eEmotional architecture for discerning collectors\u003c\/p\u003e\n        \u003cdiv class=\"features-grid\"\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e♦\u003c\/div\u003e\n                \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n                \u003cp\u003eOnly 50 prints will ever exist. Each piece is individually numbered and authenticated, ensuring exclusivity and long-term collectibility for serious collectors.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e♦\u003c\/div\u003e\n                \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n                \u003cp\u003eMuseum-grade materials ensure rich color depth, painterly texture, and preservation standards that meet the requirements of luxury galleries and private collections.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e♦\u003c\/div\u003e\n                \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n                \u003cp\u003eRomantic fine art maintains strong demand in luxury hospitality, penthouses, and curated private collections where emotion defines the space.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Edition Details --\u003e\n    \u003csection\u003e\n        \u003cdiv class=\"edition-stats\"\u003e\n            \u003cdiv class=\"stat\"\u003e\n                \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stat\"\u003e\n                \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stat\"\u003e\n                \u003cdiv class=\"stat-number\"\u003eMuseum\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eGrade Quality\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stat\"\u003e\n                \u003cdiv class=\"stat-number\"\u003eLifetime\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eArchival Standard\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Curated Pairings --\u003e\n    \u003csection class=\"pairings\"\u003e\n        \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle\"\u003eEternal Accord pairs exquisitely with complementary works\u003c\/p\u003e\n        \u003cdiv class=\"pairings-grid\"\u003e\n            \u003cdiv class=\"pairing-card fade-in\"\u003e\n                \u003ch3\u003eMonochrome Figure Study\u003c\/h3\u003e\n                \u003cp\u003eBalance the passion of Eternal Accord with the quiet discipline of black-and-white figure work. Perfect for creating visual dialogue between emotion and restraint in hospitality suites or private galleries.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card fade-in\"\u003e\n                \u003ch3\u003eMinimalist Black \u0026amp; Gold Abstract\u003c\/h3\u003e\n                \u003cp\u003ePair with architectural abstracts in black and gold to establish a cohesive narrative of luxury, power, and timeless elegance throughout your curated space.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Collection CTA --\u003e\n    \u003csection class=\"collection-cta\" id=\"collection\"\u003e\n        \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n        \u003cp\u003eDiscover other works that embody the same commitment to emotion, intimacy, and museum-grade craftsmanship.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\" class=\"cta-button\"\u003eView All Artworks\u003c\/a\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Investment Positioning --\u003e\n    \u003csection class=\"investment\"\u003e\n        \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle\"\u003eDesigned for spaces where emotion defines luxury\u003c\/p\u003e\n        \u003cdiv class=\"spaces-list\"\u003e\n            \u003cdiv class=\"space-item fade-in\"\u003e\n                \u003ch4\u003eLuxury Penthouse Living Rooms\u003c\/h4\u003e\n                \u003cp\u003eStatement pieces for high-rise residences where art commands the conversation\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"space-item fade-in\"\u003e\n                \u003ch4\u003eBoutique Hotel Suites \u0026amp; Lounges\u003c\/h4\u003e\n                \u003cp\u003eIntimate luxury hospitality spaces designed to be remembered\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"space-item fade-in\"\u003e\n                \u003ch4\u003ePrivate Clubs \u0026amp; Executive Residences\u003c\/h4\u003e\n                \u003cp\u003eCurated environments where confidence and romance intersect\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"space-item fade-in\"\u003e\n                \u003ch4\u003eGallery Feature Walls\u003c\/h4\u003e\n                \u003cp\u003eMuseum-quality pieces positioned as centerpiece attractions\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Luxury Brands Strip --\u003e\n    \u003cdiv class=\"luxury-brands\"\u003e\n        \u003cp\u003ePositioned for World-Class Hospitality\u003c\/p\u003e\n        \u003cdiv class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Final CTA --\u003e\n    \u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n        \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n        \u003cp\u003eEternal Accord is available to serious collectors and design professionals.\u003c\/p\u003e\n        \u003cp\u003eFor pricing, provenance documentation, and acquisition details:\u003c\/p\u003e\n        \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"contact-email\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\u003c\/p\u003e\n        \u003cdiv style=\"margin-top: 3rem;\"\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Footer --\u003e\n    \u003cfooter\u003e\n        \u003cdiv class=\"footer-content\"\u003e\n            \u003cdiv class=\"social-links\"\u003e\n                \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n                \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n                \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n                \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eWebsite\u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003cscript\u003e\n        \/\/ Header scroll effect\n        const header = document.querySelector('header');\n        window.addEventListener('scroll', () =\u003e {\n            if (window.scrollY \u003e 100) {\n                header.classList.add('scrolled');\n            } else {\n                header.classList.remove('scrolled');\n            }\n        });\n\n        \/\/ Fade-in animation on scroll\n        const fadeElements = document.querySelectorAll('.fade-in');\n        const fadeObserver = new IntersectionObserver((entries) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                }\n            });\n        }, { threshold: 0.1 });\n\n        fadeElements.forEach(element =\u003e {\n            fadeObserver.observe(element);\n        });\n\n        \/\/ Smooth scroll for navigation\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083646390437,"sku":"2347088_16039","price":10304.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083646423205,"sku":"2347088_16045","price":10304.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083646455973,"sku":"2347088_15700","price":10304.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/8B16C196-9D5B-443C-AE37-98D25EDD18B8.png?v=1763646643"},{"product_id":"echelon-geometry","title":"Echelonge Geometry — Gold on Black Geometric Luxury Abstract","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eEclipse of Structure — Luxury Black \u0026amp; Gold Geometric Abstract Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A bold black-and-gold geometric abstract crafted for penthouses, hotels, and galleries. Limited Edition of 50. Dramatic, modern, and museum-grade.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --secondary-bg: #121212;\n        --accent-gold: #c9a227;\n        --accent-gold-dim: rgba(201, 162, 39, 0.15);\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --serif-font: 'Cormorant Garamond', serif;\n        --display-font: 'Playfair Display', serif;\n        --sans-font: 'Montserrat', sans-serif;\n    }\n\n    body {\n        font-family: var(--serif-font);\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.7;\n        overflow-x: hidden;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 3rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: var(--display-font);\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--text-primary);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .logo:hover {\n        color: var(--accent-gold);\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 3rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        font-family: var(--sans-font);\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-gold);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 8rem 2rem 4rem;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n        overflow: hidden;\n    }\n\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(ellipse at 20% 30%, rgba(201, 162, 39, 0.03) 0%, transparent 50%),\n            radial-gradient(ellipse at 80% 70%, rgba(201, 162, 39, 0.05) 0%, transparent 50%);\n        pointer-events: none;\n    }\n\n    .geometric-lines {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        opacity: 0.08;\n    }\n\n    .geometric-lines::before,\n    .geometric-lines::after {\n        content: '';\n        position: absolute;\n        background: var(--accent-gold);\n        animation: geometricFloat 20s ease-in-out infinite;\n    }\n\n    .geometric-lines::before {\n        width: 2px;\n        height: 300px;\n        top: -100px;\n        left: 20%;\n        transform: rotate(45deg);\n    }\n\n    .geometric-lines::after {\n        width: 2px;\n        height: 400px;\n        bottom: -150px;\n        right: 15%;\n        transform: rotate(-30deg);\n        animation-delay: -5s;\n    }\n\n    @keyframes geometricFloat {\n        0%, 100% { transform: translateY(0) rotate(45deg); }\n        50% { transform: translateY(-50px) rotate(45deg); }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 10;\n        max-width: 900px;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        font-family: var(--sans-font);\n        font-size: 0.75rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        border: 1px solid var(--accent-gold);\n        padding: 0.5rem 1.5rem;\n        margin-bottom: 2rem;\n        animation: fadeIn 1.5s ease-out 0.3s both;\n    }\n\n    .hero h1 {\n        font-family: var(--display-font);\n        font-size: 4.5rem;\n        font-weight: 400;\n        letter-spacing: 3px;\n        margin-bottom: 1.5rem;\n        line-height: 1.2;\n        animation: fadeInUp 1.2s ease-out 0.5s both;\n    }\n\n    .hero-tagline {\n        font-size: 1.3rem;\n        color: var(--text-secondary);\n        letter-spacing: 4px;\n        margin-bottom: 3rem;\n        font-weight: 300;\n        animation: fadeIn 1.5s ease-out 0.8s both;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-gold);\n        color: var(--accent-gold);\n        text-decoration: none;\n        font-family: var(--sans-font);\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 1.5s ease-out 1s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-gold);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--primary-bg);\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        padding: 6rem 2rem;\n        background: var(--secondary-bg);\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(201, 162, 39, 0.2);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 8rem 2rem;\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .section-divider {\n        width: 100px;\n        height: 1px;\n        background: var(--accent-gold);\n        margin: 0 auto 3rem;\n    }\n\n    .description-section p {\n        font-size: 1.25rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 8rem 2rem;\n        background: var(--secondary-bg);\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory-section h2 {\n        font-family: var(--display-font);\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 1rem;\n        letter-spacing: 2px;\n        font-weight: 400;\n    }\n\n    .backstory-subtitle {\n        text-align: center;\n        color: var(--accent-gold);\n        font-size: 0.9rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        margin-bottom: 4rem;\n        font-family: var(--sans-font);\n    }\n\n    .backstory-content p {\n        font-size: 1.15rem;\n        line-height: 2.2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: justify;\n    }\n\n    .backstory-content p:last-of-type {\n        text-align: center;\n        font-style: italic;\n        color: var(--text-primary);\n        margin-top: 3rem;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 8rem 2rem;\n    }\n\n    .features-grid {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        transition: transform 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n    }\n\n    .feature-icon {\n        font-size: 3rem;\n        color: var(--accent-gold);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-family: var(--display-font);\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        letter-spacing: 1px;\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        padding: 6rem 2rem;\n        background: var(--secondary-bg);\n    }\n\n    .stats-grid {\n        max-width: 1000px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 3rem;\n        text-align: center;\n    }\n\n    .stat-item h4 {\n        font-family: var(--display-font);\n        font-size: 3rem;\n        color: var(--accent-gold);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-item p {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        font-family: var(--sans-font);\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 8rem 2rem;\n    }\n\n    .pairings-section h2 {\n        font-family: var(--display-font);\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 4rem;\n        letter-spacing: 2px;\n    }\n\n    .pairings-grid {\n        max-width: 1000px;\n        margin: 0 auto;\n        display: grid;\n        gap: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2.5rem;\n        background: rgba(201, 162, 39, 0.05);\n        border: 1px solid rgba(201, 162, 39, 0.2);\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        background: rgba(201, 162, 39, 0.08);\n        border-color: var(--accent-gold);\n    }\n\n    .pairing-card h3 {\n        font-family: var(--display-font);\n        font-size: 2rem;\n        margin-bottom: 1rem;\n        color: var(--accent-gold);\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1.1rem;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        padding: 8rem 2rem;\n        background: var(--secondary-bg);\n        text-align: center;\n    }\n\n    .collection-cta h2 {\n        font-family: var(--display-font);\n        font-size: 3rem;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 8rem 2rem;\n    }\n\n    .investment-content {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .investment-section h2 {\n        font-family: var(--display-font);\n        font-size: 3rem;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .investment-section p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        line-height: 2;\n    }\n\n    .spaces-list {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 2rem;\n        margin: 3rem 0;\n    }\n\n    .space-tag {\n        font-family: var(--sans-font);\n        font-size: 0.85rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        border: 1px solid var(--accent-gold);\n        padding: 0.75rem 1.5rem;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        background: var(--accent-gold);\n        color: var(--primary-bg);\n    }\n\n    \/* Luxury Brands Strip *\/\n    .luxury-brands {\n        padding: 4rem 2rem;\n        background: var(--secondary-bg);\n        text-align: center;\n    }\n\n    .luxury-brands p {\n        font-family: var(--sans-font);\n        font-size: 0.8rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n    }\n\n    .brands-list {\n        font-family: var(--display-font);\n        font-size: 1.3rem;\n        color: var(--accent-gold);\n        letter-spacing: 4px;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        padding: 10rem 2rem;\n        text-align: center;\n        background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n    }\n\n    .final-cta h2 {\n        font-family: var(--display-font);\n        font-size: 3.5rem;\n        margin-bottom: 2rem;\n        letter-spacing: 2px;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 4rem 2rem 2rem;\n        background: var(--primary-bg);\n        border-top: 1px solid rgba(201, 162, 39, 0.1);\n    }\n\n    .footer-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n        font-family: var(--sans-font);\n    }\n\n    .social-links a:hover {\n        color: var(--accent-gold);\n    }\n\n    .footer-tagline {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n        letter-spacing: 3px;\n        margin-bottom: 1rem;\n    }\n\n    .copyright {\n        color: #666;\n        font-size: 0.8rem;\n        font-family: var(--sans-font);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        nav {\n            padding: 1rem 1.5rem;\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        .nav-links {\n            gap: 1.5rem;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n        }\n\n        .hero-tagline {\n            font-size: 1rem;\n        }\n\n        .backstory-section h2,\n        .collection-cta h2,\n        .investment-section h2,\n        .final-cta h2 {\n            font-size: 2rem;\n        }\n\n        .features-grid,\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .spaces-list {\n            flex-direction: column;\n            align-items: center;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"geometric-lines\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003ch1\u003eEclipse of Structure\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20of%20Structure\" class=\"cta-button\"\u003eRequest Investment Details\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/qceBRr7X3bE\" title=\"Eclipse of Structure - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n    \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n    \u003cp\u003eA commanding geometric abstract in pure black and molten gold, crafted for penthouses, boutique hotels, and luxury interiors seeking architectural drama.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003ch2\u003eThe Story\u003c\/h2\u003e\n        \u003cp class=\"backstory-subtitle\"\u003eA Constellation of Light\u003c\/p\u003e\n        \n        \u003cp\u003eIn the quiet world between shadow and brilliance, a new geometry emerges. Eclipse of Structure captures the exact moment where darkness folds into gold—where sharp lines fracture like constellations and light slices through the void.\u003c\/p\u003e\n\n        \u003cp\u003eThe artwork was inspired by the architecture of modern luxury: the mirrored facades of Dubai towers at night, the golden glow of penthouse interiors, the sculptural tension found in museum-grade installations. Each gold plane feels alive, shifting like celestial shards caught mid-orbit.\u003c\/p\u003e\n\n        \u003cp\u003eThis piece speaks to the collector who sees beauty in structure, power in minimalism, and meaning in the quiet precision of form.\u003c\/p\u003e\n\n        \u003cp\u003eFor those who crave art that transforms a room—not with noise, but with presence—Eclipse of Structure becomes the anchor of the space.\u003c\/p\u003e\n\n        \u003cp\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features-section\"\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each edition is numbered, authenticated, and cataloged within the Kasian Art Studio Collector Archive for provenance and long-term value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure exceptional longevity. Printed using archival pigments and acid-free substrates rated for 100+ years of preservation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eDramatic abstracts with geometric precision and metallic depth maintain strong demand in luxury interior design and hospitality procurement markets.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Stats --\u003e\n\u003csection class=\"edition-stats\"\u003e\n    \u003cdiv class=\"stats-grid\"\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003ch4\u003e50\u003c\/h4\u003e\n            \u003cp\u003eTotal Edition Size\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003ch4\u003e100+\u003c\/h4\u003e\n            \u003cp\u003eYears Archival Rating\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003ch4\u003e2025\u003c\/h4\u003e\n            \u003cp\u003eYear of Release\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003ch4\u003e1:1\u003c\/h4\u003e\n            \u003cp\u003eMuseum-Grade Quality\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003ch2\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eGolden Axis\u003c\/h3\u003e\n            \u003cp\u003eBoth pieces share a dramatic gold-on-black language, sharp geometry, and strong vertical rhythm. Together, they create a high-impact diptych ideal for gallery corridors, penthouse living rooms, and hotel suites that embrace modern luxury minimalism.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp\u003eEclipse of Structure is part of our carefully curated selection of geometric abstracts designed for the world's most exclusive spaces.\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\" class=\"cta-button\"\u003eView All Artworks\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003ch2\u003eInvestment-Level Appeal\u003c\/h2\u003e\n        \u003cp\u003eThe rarity, clean geometric precision, and metallic depth position this edition for long-term collector value. Gold-on-black abstracts are among the strongest performers in luxury interior design and hospitality procurement.\u003c\/p\u003e\n        \n        \u003cdiv class=\"spaces-list\"\u003e\n            \u003cdiv class=\"space-tag\"\u003eModern Penthouses\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eMuseum Galleries\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eBoutique Hotels\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eLuxury Hotel Suites\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eExecutive Offices\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003ePrivate Collections\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brands Strip --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n    \u003cp\u003eDesigned for the world's finest spaces\u003c\/p\u003e\n    \u003cdiv class=\"brands-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n    \u003cp\u003eSerious collectors and hospitality procurement teams are invited to request investment details.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Eclipse%20of%20Structure%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact Kasian Art Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" target=\"_blank\"\u003eWebsite\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"footer-tagline\"\u003eMOODY. ELEGANT. TIMELESS.\u003c\/p\u003e\n        \u003cp class=\"copyright\"\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083649962149,"sku":"2736383_16039","price":14424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083649994917,"sku":"2736383_16045","price":14424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083650027685,"sku":"2736383_15700","price":14424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/AA008AFD-7226-4C8E-AA72-24CEE160A257.png?v=1763646724"},{"product_id":"golden-axis","title":"EMOTION OF GOLD | Black, White \u0026 Gold Minimalist Masterpiece","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eGolden Ascension | Luxury Black \u0026amp; Gold Abstract Art Print | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A moody black-and-gold abstract masterpiece for luxury homes, penthouses, and boutique hotels. Limited Edition of 50. Museum-grade. Elegant, timeless, cinematic.\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n```\n    :root {\n        --gold-molten: #d4a84b;\n        --gold-light: #e8c878;\n        --gold-warm: #c9963a;\n        --espresso: #1a1410;\n        --shadow-warm: #2a2018;\n        --bg-dark: #0a0a0a;\n        --bg-warm: #0d0b08;\n        --text-light: #f5f0e8;\n        --text-muted: #c8c0b0;\n        --text-soft: #9a9080;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n        background: var(--bg-dark);\n        color: #e8e3d8;\n        overflow-x: hidden;\n        line-height: 1.7;\n    }\n\n    .header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        padding: 2rem 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        font-weight: 300;\n        text-transform: uppercase;\n    }\n\n    .nav a {\n        color: #e8e3d8;\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .nav a:hover {\n        color: var(--gold-molten);\n    }\n\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: \n            radial-gradient(ellipse at 50% 70%, rgba(212, 168, 75, 0.1) 0%, transparent 50%),\n            radial-gradient(ellipse at 30% 40%, rgba(201, 150, 58, 0.06) 0%, transparent 40%),\n            radial-gradient(ellipse at 70% 50%, rgba(232, 200, 120, 0.04) 0%, transparent 35%),\n            linear-gradient(180deg, var(--espresso) 0%, var(--bg-dark) 50%, var(--espresso) 100%);\n        opacity: 1;\n    }\n\n    \/* Flowing molten gold waves *\/\n    .flow-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .flow-wave {\n        position: absolute;\n        width: 200%;\n        height: 200px;\n        background: linear-gradient(90deg, \n            transparent 0%, \n            rgba(212, 168, 75, 0.03) 20%, \n            rgba(212, 168, 75, 0.08) 50%, \n            rgba(212, 168, 75, 0.03) 80%, \n            transparent 100%);\n        filter: blur(30px);\n        animation: flow 20s ease-in-out infinite;\n    }\n\n    .flow-wave:nth-child(1) {\n        top: 20%;\n        animation-delay: 0s;\n        animation-duration: 25s;\n    }\n\n    .flow-wave:nth-child(2) {\n        top: 45%;\n        animation-delay: -5s;\n        animation-duration: 20s;\n    }\n\n    .flow-wave:nth-child(3) {\n        top: 70%;\n        animation-delay: -10s;\n        animation-duration: 22s;\n    }\n\n    @keyframes flow {\n        0%, 100% {\n            transform: translateX(-25%) rotate(-2deg);\n        }\n        50% {\n            transform: translateX(-75%) rotate(2deg);\n        }\n    }\n\n    \/* Rising ethereal particles *\/\n    .ethereal-particles {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .ethereal-particle {\n        position: absolute;\n        width: 6px;\n        height: 6px;\n        background: radial-gradient(circle, rgba(212, 168, 75, 0.8) 0%, rgba(212, 168, 75, 0.2) 50%, transparent 70%);\n        border-radius: 50%;\n        animation: rise-ethereal 15s ease-in-out infinite;\n    }\n\n    .ethereal-particle:nth-child(1) { left: 8%; bottom: -20px; animation-delay: 0s; animation-duration: 18s; }\n    .ethereal-particle:nth-child(2) { left: 18%; bottom: -20px; animation-delay: 3s; animation-duration: 15s; }\n    .ethereal-particle:nth-child(3) { left: 32%; bottom: -20px; animation-delay: 6s; animation-duration: 20s; }\n    .ethereal-particle:nth-child(4) { left: 45%; bottom: -20px; animation-delay: 2s; animation-duration: 16s; }\n    .ethereal-particle:nth-child(5) { left: 58%; bottom: -20px; animation-delay: 8s; animation-duration: 19s; }\n    .ethereal-particle:nth-child(6) { left: 72%; bottom: -20px; animation-delay: 4s; animation-duration: 17s; }\n    .ethereal-particle:nth-child(7) { left: 85%; bottom: -20px; animation-delay: 7s; animation-duration: 21s; }\n    .ethereal-particle:nth-child(8) { left: 92%; bottom: -20px; animation-delay: 1s; animation-duration: 14s; }\n\n    @keyframes rise-ethereal {\n        0% {\n            transform: translateY(0) scale(0.5);\n            opacity: 0;\n        }\n        10% {\n            opacity: 0.8;\n            transform: translateY(-10vh) scale(1);\n        }\n        50% {\n            opacity: 0.6;\n            transform: translateY(-50vh) scale(0.8) translateX(20px);\n        }\n        90% {\n            opacity: 0.2;\n        }\n        100% {\n            transform: translateY(-100vh) scale(0.3) translateX(-10px);\n            opacity: 0;\n        }\n    }\n\n    \/* Mystical glow orb *\/\n    .mystical-glow {\n        position: absolute;\n        bottom: 10%;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(212, 168, 75, 0.12) 0%, rgba(212, 168, 75, 0.04) 40%, transparent 70%);\n        border-radius: 50%;\n        animation: mystical-pulse 8s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes mystical-pulse {\n        0%, 100% {\n            transform: translateX(-50%) scale(1);\n            opacity: 0.6;\n        }\n        50% {\n            transform: translateX(-50%) scale(1.2);\n            opacity: 1;\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 900px;\n        padding: 0 5%;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-size: 4.8rem;\n        font-weight: 300;\n        letter-spacing: 4px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        color: var(--text-light);\n        text-shadow: 0 0 80px rgba(212, 168, 75, 0.2);\n    }\n\n    .hero-subtitle {\n        font-size: 1.3rem;\n        color: var(--gold-molten);\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 300;\n    }\n\n    .hero-tagline {\n        font-size: 1.1rem;\n        color: var(--text-soft);\n        letter-spacing: 2px;\n        font-style: italic;\n        margin-bottom: 3rem;\n    }\n\n    .cta-btn {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 1px solid var(--gold-molten);\n        color: var(--gold-molten);\n        text-decoration: none;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        transition: all 0.4s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-btn:hover {\n        background: var(--gold-molten);\n        color: var(--bg-dark);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 40px rgba(212, 168, 75, 0.35);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        color: var(--gold-molten);\n        font-size: 0.8rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .video-section {\n        background: var(--bg-dark);\n        padding: 8rem 5%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        max-width: 1200px;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(212, 168, 75, 0.25);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 100px rgba(212, 168, 75, 0.08);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .section {\n        padding: 8rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: var(--text-light);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--gold-molten), transparent);\n        margin: 3rem auto;\n    }\n\n    .description {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.2rem;\n        line-height: 2;\n        color: var(--text-muted);\n        text-align: center;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n        margin-top: 5rem;\n    }\n\n    .feature {\n        text-align: center;\n        padding: 2rem;\n        transition: all 0.4s ease;\n        border: 1px solid transparent;\n        background: rgba(13, 11, 8, 0.5);\n    }\n\n    .feature:hover {\n        transform: translateY(-10px);\n        border-color: rgba(212, 168, 75, 0.25);\n        background: rgba(212, 168, 75, 0.03);\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--gold-molten);\n        margin-bottom: 1.5rem;\n        opacity: 0.85;\n    }\n\n    .feature h3 {\n        font-size: 1.5rem;\n        font-weight: 300;\n        letter-spacing: 1.5px;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        color: var(--text-light);\n    }\n\n    .feature p {\n        color: var(--text-soft);\n        line-height: 1.8;\n    }\n\n    .backstory {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n        padding: 8rem 5%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .backstory::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(212, 168, 75, 0.04) 0%, transparent 60%);\n        pointer-events: none;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: #d8d0c0;\n        font-style: italic;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    .backstory-content strong {\n        color: var(--text-light);\n        font-style: normal;\n    }\n\n    .backstory-highlight {\n        font-size: 1.6rem;\n        color: var(--gold-light);\n        margin: 2.5rem 0;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n\n    .edition-details {\n        background: var(--bg-dark);\n        padding: 6rem 5%;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .detail-item {\n        text-align: center;\n        border: 1px solid var(--shadow-warm);\n        padding: 3rem 2rem;\n        transition: all 0.4s ease;\n        background: rgba(10, 10, 10, 0.6);\n    }\n\n    .detail-item:hover {\n        border-color: var(--gold-molten);\n        background: rgba(212, 168, 75, 0.04);\n        box-shadow: 0 10px 40px rgba(212, 168, 75, 0.08);\n    }\n\n    .detail-number {\n        font-size: 3rem;\n        color: var(--gold-molten);\n        margin-bottom: 1rem;\n        font-weight: 300;\n    }\n\n    .detail-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--text-soft);\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .pairing {\n        background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-warm) 50%, var(--bg-dark) 100%);\n        padding: 8rem 5%;\n    }\n\n    .pairing-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .pairing-title {\n        font-size: 1.8rem;\n        color: var(--gold-molten);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .pairing-title a {\n        color: var(--gold-molten);\n        text-decoration: none;\n        border-bottom: 1px solid var(--gold-molten);\n        transition: all 0.3s ease;\n    }\n\n    .pairing-title a:hover {\n        color: var(--text-light);\n        border-bottom-color: var(--text-light);\n    }\n\n    .pairing-description {\n        color: var(--text-soft);\n        font-size: 1.1rem;\n        line-height: 1.9;\n        margin-top: 1.5rem;\n        font-style: italic;\n    }\n\n    .collection-explore {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        background: var(--bg-dark);\n        border: 2px solid var(--gold-molten);\n        color: var(--gold-molten);\n        text-decoration: none;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: all 0.5s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 400;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .collection-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(212, 168, 75, 0.2), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .collection-btn:hover::before {\n        left: 100%;\n    }\n\n    .collection-btn:hover {\n        background: var(--gold-molten);\n        color: var(--bg-dark);\n        border-color: var(--gold-molten);\n        transform: translateY(-3px);\n        box-shadow: 0 15px 50px rgba(212, 168, 75, 0.4);\n    }\n\n    .investment {\n        background: var(--bg-dark);\n        padding: 8rem 5%;\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .investment-highlight {\n        font-size: 1.4rem;\n        color: var(--gold-molten);\n        margin: 2rem 0;\n        font-style: italic;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 2.5rem;\n    }\n\n    .target-space {\n        padding: 0.7rem 1.6rem;\n        border: 1px solid rgba(212, 168, 75, 0.25);\n        color: var(--text-soft);\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n        transition: all 0.3s ease;\n        background: rgba(10, 10, 10, 0.5);\n    }\n\n    .target-space:hover {\n        border-color: var(--gold-molten);\n        color: var(--gold-molten);\n        background: rgba(212, 168, 75, 0.06);\n    }\n\n    .brands-strip {\n        background: #000;\n        padding: 3rem 5%;\n        text-align: center;\n        border-top: 1px solid rgba(212, 168, 75, 0.15);\n        border-bottom: 1px solid rgba(212, 168, 75, 0.15);\n    }\n\n    .brands-text {\n        font-size: 0.85rem;\n        letter-spacing: 4px;\n        color: #555;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-section {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n        padding: 8rem 5%;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cta-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 1px;\n        height: 100px;\n        background: linear-gradient(180deg, transparent, var(--gold-molten), transparent);\n    }\n\n    .cta-large {\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 3rem;\n        line-height: 1.3;\n        color: var(--text-light);\n    }\n\n    footer {\n        background: #000;\n        padding: 4rem 5%;\n        text-align: center;\n        border-top: 1px solid var(--shadow-warm);\n    }\n\n    .footer-logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .footer-copyright {\n        color: var(--text-soft);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n    }\n\n    .footer-links {\n        margin-top: 2rem;\n    }\n\n    .footer-links a {\n        color: var(--gold-molten);\n        text-decoration: none;\n        margin: 0 1rem;\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: var(--text-light);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 2.8rem;\n            letter-spacing: 2px;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav {\n            display: none;\n        }\n\n        .section {\n            padding: 5rem 5%;\n        }\n\n        .video-section {\n            padding: 5rem 5%;\n        }\n\n        .cta-large {\n            font-size: 2.2rem;\n        }\n\n        .collection-btn {\n            padding: 1.2rem 2.5rem;\n            font-size: 0.8rem;\n        }\n\n        .backstory-content {\n            font-size: 1.1rem;\n        }\n\n        .backstory-highlight {\n            font-size: 1.3rem;\n        }\n\n        .target-spaces {\n            gap: 0.5rem;\n        }\n\n        .target-space {\n            padding: 0.5rem 1rem;\n            font-size: 0.75rem;\n        }\n\n        .mystical-glow {\n            width: 250px;\n            height: 250px;\n        }\n\n        .flow-wave {\n            height: 100px;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003cheader class=\"header\"\u003e\n        \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flow-container\"\u003e\n        \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ethereal-particles\"\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mystical-glow\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eGolden Ascension\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/mtmyCYuESVI\" title=\"Golden Ascension — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMolten Emergence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\"\u003e\n        A moody, fluid gold-and-shadow abstract crafted for penthouses, boutique hotels, and collectors seeking museum-grade elegance. Like light emerging through darkness—warm, atmospheric, alive.\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003eA study in emergence—light rising through shadow.\u003c\/p\u003e\n        \n        \u003cp\u003eGolden Ascension was created as a meditation on transformation—warmth threading its way through darkness, the quiet power found in refinement, restraint, and depth. It reflects the untold moments of becoming.\u003c\/p\u003e\n        \n        \u003cp\u003eIts flowing gold forms echo molten movement, ancient earth, and the calm force of energy shifting upward. In grand rooms, the artwork feels almost alive—responding to light, shadow, and silence with a presence that is both grounding and transcendent.\u003c\/p\u003e\n        \n        \u003cp\u003eFor collectors, designers, and hospitality visionaries, this piece embodies the essence of high luxury: timeless, sculptural, and emotionally resonant.\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure heirloom preservation. Crafted using archival pigment inks and premium fine-art substrates for multi-generational longevity.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eGold-and-black abstracts maintain exceptional demand in luxury residential and hospitality markets. Registered in the Kasian Art Studio Collector Archive.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pairing-content\"\u003e\n        \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"#\"\u003eEternal Ember — Vertical Abstract\u003c\/a\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            A complementary black-and-gold piece featuring similar fluid movement and tonal depth from the Eternal Ember series.\n        \u003c\/div\u003e\n        \u003cp class=\"pairing-description\"\u003e\n            Together, they create a dramatic diptych effect ideal for tall gallery walls, luxury hotel corridors, and modern living spaces with soaring ceilings.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Discover more ethereal, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring cinematic depth and quiet power to luxury interiors.\n    \u003c\/div\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"description\"\u003e\n            Golden Ascension is a luxurious abstract work born from movement, shadow, and molten gold. Its warm, atmospheric palette evokes rising energy—making it a mesmerizing focal point for ultra-high-end interiors.\n        \u003c\/div\u003e\n        \u003cdiv class=\"investment-highlight\"\u003e\n            Every curve and gradient is designed to feel alive beneath soft lighting—responding to shadow and silence with a presence that transforms any space.\n        \u003c\/div\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cspan class=\"target-space\"\u003eUltra-Luxury Penthouses\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eDubai Suites\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eBoutique Hotels\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eModern Galleries\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eExecutive Lounges\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n    \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n    \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n    \u003c\/div\u003e\n    \u003ca href=\"\/cdn-cgi\/l\/email-protection#ff948d968c8b96919ebf949e8c969e919e8d8b8c8b8a9b9690d19c9092\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n    \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n    \u003cdiv class=\"footer-links\"\u003e\n        \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n        \u003ca href=\"\/cdn-cgi\/l\/email-protection#ee859c879d9a87808fae858f9d878f808f9c9a9d9a9b8a8781c08d8183\"\u003eContact\u003c\/a\u003e\n        \u003ca href=\"\/cdn-cgi\/l\/email-protection#a7ccd5ced4d3cec9c6e7ccc6d4cec6c9c6d5d3d4d3d2c3cec889c4c8ca\"\u003eCollectors\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"\u003e\u003c\/script\u003e\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('.header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10,10,10,0.98)';\n            header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n        } else {\n            header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n            header.style.boxShadow = 'none';\n        }\n    });\n\n    \/\/ Parallax effect on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const parallaxElements = document.querySelectorAll('.hero-bg');\n        parallaxElements.forEach(el =\u003e {\n            el.style.transform = `translateY(${scrolled * 0.4}px)`;\n        });\n    });\n\n    \/\/ Mystical glow follows mouse subtly\n    const mysticalGlow = document.querySelector('.mystical-glow');\n    document.addEventListener('mousemove', (e) =\u003e {\n        if (window.scrollY \u003c window.innerHeight) {\n            const x = (e.clientX \/ window.innerWidth - 0.5) * 50;\n            const y = (e.clientY \/ window.innerHeight - 0.5) * 30;\n            mysticalGlow.style.transform = `translateX(calc(-50% + ${x}px)) translateY(${y}px)`;\n        }\n    });\n\n    \/\/ Ethereal particles respond to mouse\n    const particles = document.querySelectorAll('.ethereal-particle');\n    document.addEventListener('mousemove', (e) =\u003e {\n        const x = e.clientX \/ window.innerWidth;\n        \n        particles.forEach((particle, index) =\u003e {\n            const sway = (x - 0.5) * 30 * ((index % 4) + 1);\n            particle.style.marginLeft = `${sway}px`;\n        });\n    });\n\n    \/\/ Flow waves subtle mouse influence\n    const flowWaves = document.querySelectorAll('.flow-wave');\n    document.addEventListener('mousemove', (e) =\u003e {\n        const y = e.cl\n```\u003c\/script\u003e\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083687186597,"sku":"1904581_16039","price":8674.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083687219365,"sku":"1904581_16045","price":8674.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083687252133,"sku":"1904581_15700","price":8674.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/F006BB6B-7A4C-4C27-9CCF-AE1B871CD25B.png?v=1763561712"},{"product_id":"ember-abstract","title":"Ember Abstract— Luxury Gold \u0026 Black Abstract (Ltd. Ed. 50)","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eGolden Ascension | Luxury Black \u0026amp; Gold Abstract Art Print | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A moody black-and-gold abstract masterpiece for luxury homes, penthouses, and boutique hotels. Limited Edition of 50. Museum-grade. Elegant, timeless, cinematic.\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n```\n    :root {\n        --gold-molten: #d4a84b;\n        --gold-light: #e8c878;\n        --gold-warm: #c9963a;\n        --espresso: #1a1410;\n        --shadow-warm: #2a2018;\n        --bg-dark: #0a0a0a;\n        --bg-warm: #0d0b08;\n        --text-light: #f5f0e8;\n        --text-muted: #c8c0b0;\n        --text-soft: #9a9080;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n        background: var(--bg-dark);\n        color: #e8e3d8;\n        overflow-x: hidden;\n        line-height: 1.7;\n    }\n\n    .header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        padding: 2rem 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        font-weight: 300;\n        text-transform: uppercase;\n    }\n\n    .nav a {\n        color: #e8e3d8;\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .nav a:hover {\n        color: var(--gold-molten);\n    }\n\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: \n            radial-gradient(ellipse at 50% 70%, rgba(212, 168, 75, 0.1) 0%, transparent 50%),\n            radial-gradient(ellipse at 30% 40%, rgba(201, 150, 58, 0.06) 0%, transparent 40%),\n            radial-gradient(ellipse at 70% 50%, rgba(232, 200, 120, 0.04) 0%, transparent 35%),\n            linear-gradient(180deg, var(--espresso) 0%, var(--bg-dark) 50%, var(--espresso) 100%);\n        opacity: 1;\n    }\n\n    \/* Flowing molten gold waves *\/\n    .flow-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .flow-wave {\n        position: absolute;\n        width: 200%;\n        height: 200px;\n        background: linear-gradient(90deg, \n            transparent 0%, \n            rgba(212, 168, 75, 0.03) 20%, \n            rgba(212, 168, 75, 0.08) 50%, \n            rgba(212, 168, 75, 0.03) 80%, \n            transparent 100%);\n        filter: blur(30px);\n        animation: flow 20s ease-in-out infinite;\n    }\n\n    .flow-wave:nth-child(1) {\n        top: 20%;\n        animation-delay: 0s;\n        animation-duration: 25s;\n    }\n\n    .flow-wave:nth-child(2) {\n        top: 45%;\n        animation-delay: -5s;\n        animation-duration: 20s;\n    }\n\n    .flow-wave:nth-child(3) {\n        top: 70%;\n        animation-delay: -10s;\n        animation-duration: 22s;\n    }\n\n    @keyframes flow {\n        0%, 100% {\n            transform: translateX(-25%) rotate(-2deg);\n        }\n        50% {\n            transform: translateX(-75%) rotate(2deg);\n        }\n    }\n\n    \/* Rising ethereal particles *\/\n    .ethereal-particles {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .ethereal-particle {\n        position: absolute;\n        width: 6px;\n        height: 6px;\n        background: radial-gradient(circle, rgba(212, 168, 75, 0.8) 0%, rgba(212, 168, 75, 0.2) 50%, transparent 70%);\n        border-radius: 50%;\n        animation: rise-ethereal 15s ease-in-out infinite;\n    }\n\n    .ethereal-particle:nth-child(1) { left: 8%; bottom: -20px; animation-delay: 0s; animation-duration: 18s; }\n    .ethereal-particle:nth-child(2) { left: 18%; bottom: -20px; animation-delay: 3s; animation-duration: 15s; }\n    .ethereal-particle:nth-child(3) { left: 32%; bottom: -20px; animation-delay: 6s; animation-duration: 20s; }\n    .ethereal-particle:nth-child(4) { left: 45%; bottom: -20px; animation-delay: 2s; animation-duration: 16s; }\n    .ethereal-particle:nth-child(5) { left: 58%; bottom: -20px; animation-delay: 8s; animation-duration: 19s; }\n    .ethereal-particle:nth-child(6) { left: 72%; bottom: -20px; animation-delay: 4s; animation-duration: 17s; }\n    .ethereal-particle:nth-child(7) { left: 85%; bottom: -20px; animation-delay: 7s; animation-duration: 21s; }\n    .ethereal-particle:nth-child(8) { left: 92%; bottom: -20px; animation-delay: 1s; animation-duration: 14s; }\n\n    @keyframes rise-ethereal {\n        0% {\n            transform: translateY(0) scale(0.5);\n            opacity: 0;\n        }\n        10% {\n            opacity: 0.8;\n            transform: translateY(-10vh) scale(1);\n        }\n        50% {\n            opacity: 0.6;\n            transform: translateY(-50vh) scale(0.8) translateX(20px);\n        }\n        90% {\n            opacity: 0.2;\n        }\n        100% {\n            transform: translateY(-100vh) scale(0.3) translateX(-10px);\n            opacity: 0;\n        }\n    }\n\n    \/* Mystical glow orb *\/\n    .mystical-glow {\n        position: absolute;\n        bottom: 10%;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(212, 168, 75, 0.12) 0%, rgba(212, 168, 75, 0.04) 40%, transparent 70%);\n        border-radius: 50%;\n        animation: mystical-pulse 8s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes mystical-pulse {\n        0%, 100% {\n            transform: translateX(-50%) scale(1);\n            opacity: 0.6;\n        }\n        50% {\n            transform: translateX(-50%) scale(1.2);\n            opacity: 1;\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 900px;\n        padding: 0 5%;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-size: 4.8rem;\n        font-weight: 300;\n        letter-spacing: 4px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        color: var(--text-light);\n        text-shadow: 0 0 80px rgba(212, 168, 75, 0.2);\n    }\n\n    .hero-subtitle {\n        font-size: 1.3rem;\n        color: var(--gold-molten);\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 300;\n    }\n\n    .hero-tagline {\n        font-size: 1.1rem;\n        color: var(--text-soft);\n        letter-spacing: 2px;\n        font-style: italic;\n        margin-bottom: 3rem;\n    }\n\n    .cta-btn {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 1px solid var(--gold-molten);\n        color: var(--gold-molten);\n        text-decoration: none;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        transition: all 0.4s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-btn:hover {\n        background: var(--gold-molten);\n        color: var(--bg-dark);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 40px rgba(212, 168, 75, 0.35);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        color: var(--gold-molten);\n        font-size: 0.8rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .video-section {\n        background: var(--bg-dark);\n        padding: 8rem 5%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        max-width: 1200px;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(212, 168, 75, 0.25);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 100px rgba(212, 168, 75, 0.08);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .section {\n        padding: 8rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: var(--text-light);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--gold-molten), transparent);\n        margin: 3rem auto;\n    }\n\n    .description {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.2rem;\n        line-height: 2;\n        color: var(--text-muted);\n        text-align: center;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n        margin-top: 5rem;\n    }\n\n    .feature {\n        text-align: center;\n        padding: 2rem;\n        transition: all 0.4s ease;\n        border: 1px solid transparent;\n        background: rgba(13, 11, 8, 0.5);\n    }\n\n    .feature:hover {\n        transform: translateY(-10px);\n        border-color: rgba(212, 168, 75, 0.25);\n        background: rgba(212, 168, 75, 0.03);\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--gold-molten);\n        margin-bottom: 1.5rem;\n        opacity: 0.85;\n    }\n\n    .feature h3 {\n        font-size: 1.5rem;\n        font-weight: 300;\n        letter-spacing: 1.5px;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        color: var(--text-light);\n    }\n\n    .feature p {\n        color: var(--text-soft);\n        line-height: 1.8;\n    }\n\n    .backstory {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n        padding: 8rem 5%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .backstory::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(212, 168, 75, 0.04) 0%, transparent 60%);\n        pointer-events: none;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: #d8d0c0;\n        font-style: italic;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    .backstory-content strong {\n        color: var(--text-light);\n        font-style: normal;\n    }\n\n    .backstory-highlight {\n        font-size: 1.6rem;\n        color: var(--gold-light);\n        margin: 2.5rem 0;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n\n    .edition-details {\n        background: var(--bg-dark);\n        padding: 6rem 5%;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .detail-item {\n        text-align: center;\n        border: 1px solid var(--shadow-warm);\n        padding: 3rem 2rem;\n        transition: all 0.4s ease;\n        background: rgba(10, 10, 10, 0.6);\n    }\n\n    .detail-item:hover {\n        border-color: var(--gold-molten);\n        background: rgba(212, 168, 75, 0.04);\n        box-shadow: 0 10px 40px rgba(212, 168, 75, 0.08);\n    }\n\n    .detail-number {\n        font-size: 3rem;\n        color: var(--gold-molten);\n        margin-bottom: 1rem;\n        font-weight: 300;\n    }\n\n    .detail-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--text-soft);\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .pairing {\n        background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-warm) 50%, var(--bg-dark) 100%);\n        padding: 8rem 5%;\n    }\n\n    .pairing-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .pairing-title {\n        font-size: 1.8rem;\n        color: var(--gold-molten);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .pairing-title a {\n        color: var(--gold-molten);\n        text-decoration: none;\n        border-bottom: 1px solid var(--gold-molten);\n        transition: all 0.3s ease;\n    }\n\n    .pairing-title a:hover {\n        color: var(--text-light);\n        border-bottom-color: var(--text-light);\n    }\n\n    .pairing-description {\n        color: var(--text-soft);\n        font-size: 1.1rem;\n        line-height: 1.9;\n        margin-top: 1.5rem;\n        font-style: italic;\n    }\n\n    .collection-explore {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        background: var(--bg-dark);\n        border: 2px solid var(--gold-molten);\n        color: var(--gold-molten);\n        text-decoration: none;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: all 0.5s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 400;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .collection-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(212, 168, 75, 0.2), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .collection-btn:hover::before {\n        left: 100%;\n    }\n\n    .collection-btn:hover {\n        background: var(--gold-molten);\n        color: var(--bg-dark);\n        border-color: var(--gold-molten);\n        transform: translateY(-3px);\n        box-shadow: 0 15px 50px rgba(212, 168, 75, 0.4);\n    }\n\n    .investment {\n        background: var(--bg-dark);\n        padding: 8rem 5%;\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .investment-highlight {\n        font-size: 1.4rem;\n        color: var(--gold-molten);\n        margin: 2rem 0;\n        font-style: italic;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 2.5rem;\n    }\n\n    .target-space {\n        padding: 0.7rem 1.6rem;\n        border: 1px solid rgba(212, 168, 75, 0.25);\n        color: var(--text-soft);\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n        transition: all 0.3s ease;\n        background: rgba(10, 10, 10, 0.5);\n    }\n\n    .target-space:hover {\n        border-color: var(--gold-molten);\n        color: var(--gold-molten);\n        background: rgba(212, 168, 75, 0.06);\n    }\n\n    .brands-strip {\n        background: #000;\n        padding: 3rem 5%;\n        text-align: center;\n        border-top: 1px solid rgba(212, 168, 75, 0.15);\n        border-bottom: 1px solid rgba(212, 168, 75, 0.15);\n    }\n\n    .brands-text {\n        font-size: 0.85rem;\n        letter-spacing: 4px;\n        color: #555;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-section {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n        padding: 8rem 5%;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cta-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 1px;\n        height: 100px;\n        background: linear-gradient(180deg, transparent, var(--gold-molten), transparent);\n    }\n\n    .cta-large {\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 3rem;\n        line-height: 1.3;\n        color: var(--text-light);\n    }\n\n    footer {\n        background: #000;\n        padding: 4rem 5%;\n        text-align: center;\n        border-top: 1px solid var(--shadow-warm);\n    }\n\n    .footer-logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .footer-copyright {\n        color: var(--text-soft);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n    }\n\n    .footer-links {\n        margin-top: 2rem;\n    }\n\n    .footer-links a {\n        color: var(--gold-molten);\n        text-decoration: none;\n        margin: 0 1rem;\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: var(--text-light);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 2.8rem;\n            letter-spacing: 2px;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav {\n            display: none;\n        }\n\n        .section {\n            padding: 5rem 5%;\n        }\n\n        .video-section {\n            padding: 5rem 5%;\n        }\n\n        .cta-large {\n            font-size: 2.2rem;\n        }\n\n        .collection-btn {\n            padding: 1.2rem 2.5rem;\n            font-size: 0.8rem;\n        }\n\n        .backstory-content {\n            font-size: 1.1rem;\n        }\n\n        .backstory-highlight {\n            font-size: 1.3rem;\n        }\n\n        .target-spaces {\n            gap: 0.5rem;\n        }\n\n        .target-space {\n            padding: 0.5rem 1rem;\n            font-size: 0.75rem;\n        }\n\n        .mystical-glow {\n            width: 250px;\n            height: 250px;\n        }\n\n        .flow-wave {\n            height: 100px;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003cheader class=\"header\"\u003e\n        \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"flow-container\"\u003e\n        \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"flow-wave\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ethereal-particles\"\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ethereal-particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mystical-glow\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eGolden Ascension\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/zHXvvoRy6gU\" title=\"Golden Ascension — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMolten Emergence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\"\u003e\n        A moody, fluid gold-and-shadow abstract crafted for penthouses, boutique hotels, and collectors seeking museum-grade elegance. Like light emerging through darkness—warm, atmospheric, alive.\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003eA study in emergence—light rising through shadow.\u003c\/p\u003e\n        \n        \u003cp\u003eGolden Ascension was created as a meditation on transformation—warmth threading its way through darkness, the quiet power found in refinement, restraint, and depth. It reflects the untold moments of becoming.\u003c\/p\u003e\n        \n        \u003cp\u003eIts flowing gold forms echo molten movement, ancient earth, and the calm force of energy shifting upward. In grand rooms, the artwork feels almost alive—responding to light, shadow, and silence with a presence that is both grounding and transcendent.\u003c\/p\u003e\n        \n        \u003cp\u003eFor collectors, designers, and hospitality visionaries, this piece embodies the essence of high luxury: timeless, sculptural, and emotionally resonant.\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure heirloom preservation. Crafted using archival pigment inks and premium fine-art substrates for multi-generational longevity.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eGold-and-black abstracts maintain exceptional demand in luxury residential and hospitality markets. Registered in the Kasian Art Studio Collector Archive.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pairing-content\"\u003e\n        \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"#\"\u003eEternal Ember — Vertical Abstract\u003c\/a\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            A complementary black-and-gold piece featuring similar fluid movement and tonal depth from the Eternal Ember series.\n        \u003c\/div\u003e\n        \u003cp class=\"pairing-description\"\u003e\n            Together, they create a dramatic diptych effect ideal for tall gallery walls, luxury hotel corridors, and modern living spaces with soaring ceilings.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Discover more ethereal, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring cinematic depth and quiet power to luxury interiors.\n    \u003c\/div\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"description\"\u003e\n            Golden Ascension is a luxurious abstract work born from movement, shadow, and molten gold. Its warm, atmospheric palette evokes rising energy—making it a mesmerizing focal point for ultra-high-end interiors.\n        \u003c\/div\u003e\n        \u003cdiv class=\"investment-highlight\"\u003e\n            Every curve and gradient is designed to feel alive beneath soft lighting—responding to shadow and silence with a presence that transforms any space.\n        \u003c\/div\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cspan class=\"target-space\"\u003eUltra-Luxury Penthouses\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eDubai Suites\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eBoutique Hotels\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eModern Galleries\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eExecutive Lounges\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n    \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n    \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n    \u003c\/div\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n    \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n    \u003cdiv class=\"footer-links\"\u003e\n        \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCollectors\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('.header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10,10,10,0.98)';\n            header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n        } else {\n            header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n            header.style.boxShadow = 'none';\n        }\n    });\n\n    \/\/ Parallax effect on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const parallaxElements = document.querySelectorAll('.hero-bg');\n        parallaxElements.forEach(el =\u003e {\n            el.style.transform = `translateY(${scrolled * 0.4}px)`;\n        });\n    });\n\n    \/\/ Mystical glow follows mouse subtly\n    const mysticalGlow = document.querySelector('.mystical-glow');\n    document.addEventListener('mousemove', (e) =\u003e {\n        if (window.scrollY \u003c window.innerHeight) {\n            const x = (e.clientX \/ window.innerWidth - 0.5) * 50;\n            const y = (e.clientY \/ window.innerHeight - 0.5) * 30;\n            mysticalGlow.style.transform = `translateX(calc(-50% + ${x}px)) translateY(${y}px)`;\n        }\n    });\n\n    \/\/ Ethereal particles respond to mouse\n    const particles = document.querySelectorAll('.ethereal-particle');\n    document.addEventListener('mousemove', (e) =\u003e {\n        const x = e.clientX \/ window.innerWidth;\n        \n        particles.forEach((particle, index) =\u003e {\n            const sway = (x - 0.5) * 30 * ((index % 4) + 1);\n            particle.style.marginLeft = `${sway}px`;\n        });\n    });\n\n    \/\/ Flow waves subtle mouse influence\n    const flowWaves = document.querySelectorAll('.flow-wave');\n    document.addEventListener('mousemove', (e) =\u003e {\n        const y = e.clientY \/ window.innerHeight;\n        \n        flowWaves.forEach((wave, index) =\u003e {\n            const shift = (y - 0.5) * 20 * (index + 1);\n            wave.style.marginTop = `${shift}px`;\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083736895653,"sku":"3000655_16039","price":7222.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083736928421,"sku":"3000655_16045","price":7222.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083736961189,"sku":"3000655_15700","price":7222.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/15A32F26-5999-4FE4-8D81-117891901BB2.png?v=1763561375"},{"product_id":"ethereal-poise","title":"ETHEREAL POISE – Limited Edition Ballet Fine Art Print","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eEthereal Ascension – Luxury Ballet Fine Art Print | Limited Edition | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A graceful, museum-grade ballet artwork capturing timeless elegance and movement. Limited Edition of 50. Perfect for luxury homes, hotels, and gallery walls.\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n```\n    :root {\n        --accent-gold: #c4a265;\n        --accent-rose: #d4b5a0;\n        --accent-warm: #e8d5c4;\n        --bg-dark: #0a0a0a;\n        --bg-warm: #12100e;\n        --text-light: #f5f0e8;\n        --text-muted: #c8c0b0;\n        --text-soft: #b8b0a0;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n        background: var(--bg-dark);\n        color: #e8e3d8;\n        overflow-x: hidden;\n        line-height: 1.7;\n    }\n\n    .header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        padding: 2rem 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        font-weight: 300;\n        text-transform: uppercase;\n    }\n\n    .nav a {\n        color: #e8e3d8;\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .nav a:hover {\n        color: var(--accent-gold);\n    }\n\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: \n            radial-gradient(ellipse at 50% 30%, rgba(196, 162, 101, 0.06) 0%, transparent 50%),\n            radial-gradient(ellipse at 30% 70%, rgba(212, 181, 160, 0.04) 0%, transparent 40%),\n            radial-gradient(ellipse at 70% 60%, rgba(232, 213, 196, 0.03) 0%, transparent 35%),\n            linear-gradient(135deg, #0f0d0b 0%, #0a0a0a 50%, #0f0d0b 100%);\n        opacity: 1;\n    }\n\n    \/* Floating particles animation - ethereal dust motes *\/\n    .particles {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .particle {\n        position: absolute;\n        width: 3px;\n        height: 3px;\n        background: radial-gradient(circle, rgba(196, 162, 101, 0.6) 0%, transparent 70%);\n        border-radius: 50%;\n        animation: float 15s ease-in-out infinite;\n    }\n\n    .particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; animation-duration: 18s; }\n    .particle:nth-child(2) { left: 20%; top: 60%; animation-delay: 2s; animation-duration: 15s; }\n    .particle:nth-child(3) { left: 35%; top: 30%; animation-delay: 4s; animation-duration: 20s; }\n    .particle:nth-child(4) { left: 50%; top: 70%; animation-delay: 1s; animation-duration: 16s; }\n    .particle:nth-child(5) { left: 65%; top: 25%; animation-delay: 3s; animation-duration: 19s; }\n    .particle:nth-child(6) { left: 75%; top: 55%; animation-delay: 5s; animation-duration: 17s; }\n    .particle:nth-child(7) { left: 85%; top: 40%; animation-delay: 2.5s; animation-duration: 14s; }\n    .particle:nth-child(8) { left: 90%; top: 75%; animation-delay: 4.5s; animation-duration: 21s; }\n\n    @keyframes float {\n        0%, 100% {\n            transform: translateY(0) translateX(0) scale(1);\n            opacity: 0.3;\n        }\n        25% {\n            transform: translateY(-30px) translateX(10px) scale(1.2);\n            opacity: 0.6;\n        }\n        50% {\n            transform: translateY(-15px) translateX(-5px) scale(0.8);\n            opacity: 0.4;\n        }\n        75% {\n            transform: translateY(-40px) translateX(15px) scale(1.1);\n            opacity: 0.5;\n        }\n    }\n\n    \/* Gentle glow pulse *\/\n    .glow-ring {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 500px;\n        height: 500px;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(196, 162, 101, 0.03) 0%, transparent 70%);\n        animation: pulse-glow 8s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes pulse-glow {\n        0%, 100% {\n            transform: translate(-50%, -50%) scale(1);\n            opacity: 0.5;\n        }\n        50% {\n            transform: translate(-50%, -50%) scale(1.3);\n            opacity: 0.8;\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 900px;\n        padding: 0 5%;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-size: 4.5rem;\n        font-weight: 300;\n        letter-spacing: 3px;\n        margin-bottom: 1.5rem;\n        line-height: 1.15;\n        color: var(--text-light);\n        text-shadow: 0 0 80px rgba(196, 162, 101, 0.15);\n    }\n\n    .hero-subtitle {\n        font-size: 1.3rem;\n        color: var(--accent-gold);\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 300;\n    }\n\n    .hero-tagline {\n        font-size: 1.1rem;\n        color: var(--text-soft);\n        letter-spacing: 2px;\n        font-style: italic;\n        margin-bottom: 3rem;\n    }\n\n    .cta-btn {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 1px solid var(--accent-gold);\n        color: var(--accent-gold);\n        text-decoration: none;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        transition: all 0.4s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-btn:hover {\n        background: var(--accent-gold);\n        color: var(--bg-dark);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(196, 162, 101, 0.25);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        color: var(--accent-gold);\n        font-size: 0.8rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .video-section {\n        background: var(--bg-dark);\n        padding: 8rem 5%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        max-width: 1200px;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(196, 162, 101, 0.25);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 100px rgba(196, 162, 101, 0.08);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .section {\n        padding: 8rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: var(--text-light);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n        margin: 3rem auto;\n    }\n\n    .description {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.2rem;\n        line-height: 2;\n        color: var(--text-muted);\n        text-align: center;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n        margin-top: 5rem;\n    }\n\n    .feature {\n        text-align: center;\n        padding: 2rem;\n        transition: all 0.4s ease;\n        border: 1px solid transparent;\n    }\n\n    .feature:hover {\n        transform: translateY(-10px);\n        border-color: rgba(196, 162, 101, 0.2);\n        background: rgba(196, 162, 101, 0.02);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-gold);\n        margin-bottom: 1.5rem;\n        opacity: 0.8;\n    }\n\n    .feature h3 {\n        font-size: 1.5rem;\n        font-weight: 300;\n        letter-spacing: 1.5px;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        color: var(--text-light);\n    }\n\n    .feature p {\n        color: var(--text-soft);\n        line-height: 1.8;\n    }\n\n    .backstory {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n        padding: 8rem 5%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .backstory::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(212, 181, 160, 0.04) 0%, transparent 60%);\n        pointer-events: none;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: #d8d0c0;\n        font-style: italic;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    .backstory-content strong {\n        color: var(--text-light);\n        font-style: normal;\n    }\n\n    .backstory-quote {\n        font-size: 1.6rem;\n        color: var(--accent-rose);\n        margin: 3rem 0;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n\n    .edition-details {\n        background: var(--bg-dark);\n        padding: 6rem 5%;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .detail-item {\n        text-align: center;\n        border: 1px solid #2a2520;\n        padding: 3rem 2rem;\n        transition: all 0.4s ease;\n        background: rgba(10, 10, 10, 0.5);\n    }\n\n    .detail-item:hover {\n        border-color: var(--accent-gold);\n        background: rgba(196, 162, 101, 0.04);\n        box-shadow: 0 10px 40px rgba(196, 162, 101, 0.08);\n    }\n\n    .detail-number {\n        font-size: 3rem;\n        color: var(--accent-gold);\n        margin-bottom: 1rem;\n        font-weight: 300;\n    }\n\n    .detail-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: var(--text-soft);\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .pairing {\n        background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-warm) 50%, var(--bg-dark) 100%);\n        padding: 8rem 5%;\n    }\n\n    .pairing-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .pairing-title {\n        font-size: 1.8rem;\n        color: var(--accent-gold);\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .pairing-title a {\n        color: var(--accent-gold);\n        text-decoration: none;\n        border-bottom: 1px solid var(--accent-gold);\n        transition: all 0.3s ease;\n    }\n\n    .pairing-title a:hover {\n        color: var(--text-light);\n        border-bottom-color: var(--text-light);\n    }\n\n    .pairing-description {\n        color: var(--text-soft);\n        font-size: 1.1rem;\n        line-height: 1.9;\n        margin-top: 1.5rem;\n        font-style: italic;\n    }\n\n    .collection-explore {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        background: var(--bg-dark);\n        border: 2px solid var(--accent-gold);\n        color: var(--accent-gold);\n        text-decoration: none;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: all 0.5s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 400;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .collection-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(196, 162, 101, 0.15), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .collection-btn:hover::before {\n        left: 100%;\n    }\n\n    .collection-btn:hover {\n        background: var(--accent-gold);\n        color: var(--bg-dark);\n        border-color: var(--accent-gold);\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(196, 162, 101, 0.3);\n    }\n\n    .investment {\n        background: var(--bg-dark);\n        padding: 8rem 5%;\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .investment-highlight {\n        font-size: 1.4rem;\n        color: var(--accent-gold);\n        margin: 2rem 0;\n        font-style: italic;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 2.5rem;\n    }\n\n    .target-space {\n        padding: 0.6rem 1.5rem;\n        border: 1px solid rgba(196, 162, 101, 0.25);\n        color: var(--text-soft);\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n        transition: all 0.3s ease;\n    }\n\n    .target-space:hover {\n        border-color: var(--accent-gold);\n        color: var(--accent-gold);\n        background: rgba(196, 162, 101, 0.05);\n    }\n\n    .brands-strip {\n        background: #000;\n        padding: 3rem 5%;\n        text-align: center;\n        border-top: 1px solid rgba(196, 162, 101, 0.15);\n        border-bottom: 1px solid rgba(196, 162, 101, 0.15);\n    }\n\n    .brands-text {\n        font-size: 0.85rem;\n        letter-spacing: 4px;\n        color: #555;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-section {\n        background: linear-gradient(135deg, var(--bg-warm) 0%, var(--bg-dark) 50%, var(--bg-warm) 100%);\n        padding: 8rem 5%;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cta-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 1px;\n        height: 100px;\n        background: linear-gradient(180deg, transparent, var(--accent-gold), transparent);\n    }\n\n    .cta-large {\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 3rem;\n        line-height: 1.3;\n        color: var(--text-light);\n    }\n\n    footer {\n        background: #000;\n        padding: 4rem 5%;\n        text-align: center;\n        border-top: 1px solid #2a2520;\n    }\n\n    .footer-logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .footer-copyright {\n        color: var(--text-soft);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n    }\n\n    .footer-links {\n        margin-top: 2rem;\n    }\n\n    .footer-links a {\n        color: var(--accent-gold);\n        text-decoration: none;\n        margin: 0 1rem;\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: var(--text-light);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 2.8rem;\n            letter-spacing: 2px;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav {\n            display: none;\n        }\n\n        .section {\n            padding: 5rem 5%;\n        }\n\n        .video-section {\n            padding: 5rem 5%;\n        }\n\n        .cta-large {\n            font-size: 2.2rem;\n        }\n\n        .collection-btn {\n            padding: 1.2rem 2.5rem;\n            font-size: 0.8rem;\n        }\n\n        .backstory-content {\n            font-size: 1.1rem;\n        }\n\n        .backstory-quote {\n            font-size: 1.3rem;\n        }\n\n        .target-spaces {\n            gap: 0.5rem;\n        }\n\n        .target-space {\n            padding: 0.5rem 1rem;\n            font-size: 0.75rem;\n        }\n\n        .glow-ring {\n            width: 300px;\n            height: 300px;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003cheader class=\"header\"\u003e\n        \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/ballet-figurative-collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"glow-ring\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"particles\"\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"particle\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eEthereal Ascension\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID_HERE\" title=\"Ethereal Ascension — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eGrace in Motion\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\"\u003e\n        A graceful, museum-grade ballet masterpiece capturing movement, devotion, and timeless beauty—crafted for discerning collectors and luxury interiors that honor depth and emotional resonance.\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-quote\"\u003eShe rises—not in defiance, but in devotion.\u003c\/p\u003e\n        \n        \u003cp\u003eEthereal Ascension is a portrait of a woman who has given her life to the poetry of movement. Wrapped in soft fabrics and golden morning light, she hovers in a dreamlike space where the world quiets and the body speaks in its own language.\u003c\/p\u003e\n        \n        \u003cp\u003eThe piece carries the hush of a pre-performance studio, the warmth of spotlight through dusted air, and the sacred stillness of feminine strength. It is a meditation on grace, discipline, and the transcendence found in art that asks everything of you.\u003c\/p\u003e\n        \n        \u003cp\u003eCreated for penthouses, luxury hotels, and collectors who honor depth, elegance, and emotional silhouette storytelling, Ethereal Ascension is a timeless addition to any legacy-level collection.\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Warm neutrals, gold undertones, and cloudlike pastels create ethereal, atmospheric depth.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e✦\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eFigurative ballet art maintains strong demand among luxury collectors and hospitality buyers. Graceful elegance ensures enduring emotional and market appeal.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pairing-content\"\u003e\n        \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"#\"\u003eThe Quiet Balance\u003c\/a\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            A complementary abstract ballet motion piece that creates a narrative of movement—stillness beside momentum, form beside abstraction.\n        \u003c\/div\u003e\n        \u003cp class=\"pairing-description\"\u003e\n            Together, the two artworks evoke fluidity, grace, and poetic discipline—ideal for dance studios, luxury wellness spas, modern penthouses, and gallery alcoves.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Discover more graceful, atmospheric works from our Ballet \u0026amp; Figurative Collection, each piece crafted to bring movement, serenity, and emotional resonance to luxury interiors.\n    \u003c\/div\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/ballet-figurative-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eBallet \u0026amp; Figurative Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"description\"\u003e\n            Ethereal Ascension is an homage to the quiet strength, discipline, and soul-deep artistry found in ballet. Rendered in warm neutrals and soft atmospheric tones, the figure rises effortlessly—caught in a moment of pure transcendence where discipline meets divinity.\n        \u003c\/div\u003e\n        \u003cdiv class=\"investment-highlight\"\u003e\n            This piece is crafted for collectors who value grace, emotional depth, and the transformative power of feminine movement in their interiors.\n        \u003c\/div\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cspan class=\"target-space\"\u003ePenthouses\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eDance Studios\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eLuxury Hotels\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eBoutique Lobbies\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eWellness Spas\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eGallery Walls\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n    \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n    \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n    \u003c\/div\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n    \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n    \u003cdiv class=\"footer-links\"\u003e\n        \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCollectors\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('.header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10,10,10,0.98)';\n            header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n        } else {\n            header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n            header.style.boxShadow = 'none';\n        }\n    });\n\n    \/\/ Parallax effect on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const parallaxElements = document.querySelectorAll('.hero-bg');\n        parallaxElements.forEach(el =\u003e {\n            el.style.transform = `translateY(${scrolled * 0.4}px)`;\n        });\n    });\n\n    \/\/ Enhanced particle movement on mouse\n    const particles = document.querySelectorAll('.particle');\n    document.addEventListener('mousemove', (e) =\u003e {\n        const x = e.clientX \/ window.innerWidth;\n        const y = e.clientY \/ window.innerHeight;\n        \n        particles.forEach((particle, index) =\u003e {\n            const offsetX = (x - 0.5) * (index + 1) * 8;\n            const offsetY = (y - 0.5) * (index + 1) * 8;\n            particle.style.transform = `translate(${offsetX}px, ${offsetY}px)`;\n        });\n    });\n\n    \/\/ Glow ring follows scroll subtly\n    const glowRing = document.querySelector('.glow-ring');\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        if (glowRing \u0026\u0026 scrolled \u003c window.innerHeight) {\n            glowRing.style.transform = `translate(-50%, calc(-50% + ${scrolled * 0.2}px))`;\n        }\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083748987045,"sku":"4675557_16039","price":9764.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083749019813,"sku":"4675557_16045","price":9764.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083749052581,"sku":"4675557_15700","price":9764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/006CB575-B0C9-4E71-AC18-C4B6FFD57468.png?v=1763646687"},{"product_id":"fractured-light","title":"Golden Fracture — Luxury Black, White \u0026 Gold Abstract Fine Art","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eGolden Fracture — Luxury Black, White \u0026amp; Gold Abstract Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A dramatic black, white, and gold abstract artwork designed for luxury interiors, penthouses, and galleries. Museum-grade, limited edition, and architecturally striking.\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Playfair+Display:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n```\n    body {\n        font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n        background: #0a0a0a;\n        color: #e8e3d8;\n        overflow-x: hidden;\n        line-height: 1.7;\n    }\n\n    .header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        padding: 2rem 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        font-weight: 300;\n        text-transform: uppercase;\n    }\n\n    .nav a {\n        color: #e8e3d8;\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .nav a:hover {\n        color: #c9a227;\n    }\n\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: \n            radial-gradient(ellipse at 30% 20%, rgba(201, 162, 39, 0.08) 0%, transparent 50%),\n            radial-gradient(ellipse at 70% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 40%),\n            linear-gradient(135deg, #0f0f0f 0%, #0a0a0a 50%, #0f0f0f 100%);\n        opacity: 1;\n    }\n\n    \/* Animated gold fracture lines *\/\n    .fracture-lines {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        opacity: 0.15;\n    }\n\n    .fracture-line {\n        position: absolute;\n        background: linear-gradient(90deg, transparent, #c9a227, transparent);\n        height: 1px;\n        animation: fracture 8s ease-in-out infinite;\n    }\n\n    .fracture-line:nth-child(1) {\n        top: 25%;\n        left: 10%;\n        width: 30%;\n        transform: rotate(15deg);\n        animation-delay: 0s;\n    }\n\n    .fracture-line:nth-child(2) {\n        top: 45%;\n        right: 15%;\n        width: 25%;\n        transform: rotate(-20deg);\n        animation-delay: 2s;\n    }\n\n    .fracture-line:nth-child(3) {\n        bottom: 30%;\n        left: 20%;\n        width: 20%;\n        transform: rotate(30deg);\n        animation-delay: 4s;\n    }\n\n    @keyframes fracture {\n        0%, 100% { opacity: 0.1; }\n        50% { opacity: 0.4; }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 900px;\n        padding: 0 5%;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        font-weight: 300;\n        letter-spacing: 4px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        color: #f5f0e8;\n        text-shadow: 0 0 60px rgba(201, 162, 39, 0.2);\n    }\n\n    .hero-subtitle {\n        font-size: 1.3rem;\n        color: #c9a227;\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 300;\n    }\n\n    .hero-tagline {\n        font-size: 1.1rem;\n        color: #b8b0a0;\n        letter-spacing: 2px;\n        font-style: italic;\n        margin-bottom: 3rem;\n    }\n\n    .cta-btn {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 1px solid #c9a227;\n        color: #c9a227;\n        text-decoration: none;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        transition: all 0.4s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-btn:hover {\n        background: #c9a227;\n        color: #0a0a0a;\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(201, 162, 39, 0.3);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        color: #c9a227;\n        font-size: 0.8rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .video-section {\n        background: #0a0a0a;\n        padding: 8rem 5%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        max-width: 1200px;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid rgba(201, 162, 39, 0.3);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 80px rgba(201, 162, 39, 0.1);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .section {\n        padding: 8rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: #f5f0e8;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, #c9a227, transparent);\n        margin: 3rem auto;\n    }\n\n    .description {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.2rem;\n        line-height: 2;\n        color: #c8c0b0;\n        text-align: center;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n        margin-top: 5rem;\n    }\n\n    .feature {\n        text-align: center;\n        padding: 2rem;\n        transition: transform 0.3s ease;\n        border: 1px solid transparent;\n    }\n\n    .feature:hover {\n        transform: translateY(-10px);\n        border-color: rgba(201, 162, 39, 0.2);\n        background: rgba(201, 162, 39, 0.02);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #c9a227;\n        margin-bottom: 1.5rem;\n    }\n\n    .feature h3 {\n        font-size: 1.5rem;\n        font-weight: 300;\n        letter-spacing: 1.5px;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        color: #f5f0e8;\n    }\n\n    .feature p {\n        color: #b8b0a0;\n        line-height: 1.8;\n    }\n\n    .backstory {\n        background: linear-gradient(135deg, #0f0d0a 0%, #0a0a0a 50%, #0f0d0a 100%);\n        padding: 8rem 5%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .backstory::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(201, 162, 39, 0.03) 0%, transparent 70%);\n        pointer-events: none;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: #d8d0c0;\n        font-style: italic;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    .backstory-content strong {\n        color: #f5f0e8;\n        font-style: normal;\n    }\n\n    .edition-details {\n        background: #0a0a0a;\n        padding: 6rem 5%;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .detail-item {\n        text-align: center;\n        border: 1px solid #2a2520;\n        padding: 3rem 2rem;\n        transition: all 0.3s ease;\n        background: rgba(10, 10, 10, 0.5);\n    }\n\n    .detail-item:hover {\n        border-color: #c9a227;\n        background: rgba(201, 162, 39, 0.05);\n        box-shadow: 0 10px 40px rgba(201, 162, 39, 0.1);\n    }\n\n    .detail-number {\n        font-size: 3rem;\n        color: #c9a227;\n        margin-bottom: 1rem;\n        font-weight: 300;\n    }\n\n    .detail-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: #b8b0a0;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .pairing {\n        background: linear-gradient(180deg, #0a0a0a 0%, #0f0d0a 50%, #0a0a0a 100%);\n        padding: 8rem 5%;\n    }\n\n    .pairing-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .pairing-title {\n        font-size: 1.8rem;\n        color: #c9a227;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .pairing-title a {\n        color: #c9a227;\n        text-decoration: none;\n        border-bottom: 1px solid #c9a227;\n        transition: all 0.3s ease;\n    }\n\n    .pairing-title a:hover {\n        color: #f5f0e8;\n        border-bottom-color: #f5f0e8;\n    }\n\n    .pairing-list {\n        list-style: none;\n        margin-top: 2rem;\n    }\n\n    .pairing-list li {\n        color: #b8b0a0;\n        margin-bottom: 0.8rem;\n        font-size: 1.1rem;\n    }\n\n    .pairing-list li a {\n        color: #c9a227;\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .pairing-list li a:hover {\n        color: #f5f0e8;\n    }\n\n    .collection-explore {\n        background: linear-gradient(135deg, #0f0d0a 0%, #0a0a0a 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        background: #0a0a0a;\n        border: 2px solid #c9a227;\n        color: #c9a227;\n        text-decoration: none;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: all 0.5s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 400;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .collection-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(201, 162, 39, 0.2), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .collection-btn:hover::before {\n        left: 100%;\n    }\n\n    .collection-btn:hover {\n        background: #c9a227;\n        color: #0a0a0a;\n        border-color: #c9a227;\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(201, 162, 39, 0.4);\n    }\n\n    .investment {\n        background: #0a0a0a;\n        padding: 8rem 5%;\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .investment-highlight {\n        font-size: 1.4rem;\n        color: #c9a227;\n        margin: 2rem 0;\n        font-style: italic;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 2rem;\n    }\n\n    .target-space {\n        padding: 0.6rem 1.5rem;\n        border: 1px solid rgba(201, 162, 39, 0.3);\n        color: #b8b0a0;\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n        transition: all 0.3s ease;\n    }\n\n    .target-space:hover {\n        border-color: #c9a227;\n        color: #c9a227;\n    }\n\n    .cta-section {\n        background: linear-gradient(135deg, #0f0d0a 0%, #0a0a0a 50%, #0f0d0a 100%);\n        padding: 8rem 5%;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cta-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 1px;\n        height: 100px;\n        background: linear-gradient(180deg, transparent, #c9a227, transparent);\n    }\n\n    .cta-large {\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 3rem;\n        line-height: 1.3;\n        color: #f5f0e8;\n    }\n\n    .brands-strip {\n        background: #000;\n        padding: 3rem 5%;\n        text-align: center;\n        border-top: 1px solid rgba(201, 162, 39, 0.2);\n        border-bottom: 1px solid rgba(201, 162, 39, 0.2);\n    }\n\n    .brands-text {\n        font-size: 0.85rem;\n        letter-spacing: 4px;\n        color: #666;\n        text-transform: uppercase;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    footer {\n        background: #000;\n        padding: 4rem 5%;\n        text-align: center;\n        border-top: 1px solid #2a2520;\n    }\n\n    .footer-logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        margin-bottom: 2rem;\n        text-transform: uppercase;\n    }\n\n    .footer-copyright {\n        color: #b8b0a0;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n    }\n\n    .footer-links {\n        margin-top: 2rem;\n    }\n\n    .footer-links a {\n        color: #c9a227;\n        text-decoration: none;\n        margin: 0 1rem;\n        font-size: 0.85rem;\n        letter-spacing: 1.5px;\n        transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: #f5f0e8;\n    }\n\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n            letter-spacing: 2px;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav {\n            display: none;\n        }\n\n        .section {\n            padding: 5rem 5%;\n        }\n\n        .video-section {\n            padding: 5rem 5%;\n        }\n\n        .cta-large {\n            font-size: 2.5rem;\n        }\n\n        .collection-btn {\n            padding: 1.2rem 2.5rem;\n            font-size: 0.8rem;\n        }\n\n        .backstory-content {\n            font-size: 1.1rem;\n        }\n\n        .target-spaces {\n            gap: 0.5rem;\n        }\n\n        .target-space {\n            padding: 0.5rem 1rem;\n            font-size: 0.75rem;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003cheader class=\"header\"\u003e\n        \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"fracture-lines\"\u003e\n        \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eGolden Fracture\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/l63kkpcHTg8\" title=\"Golden Fracture — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eElectric Luminosity\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\"\u003e\n        An electric fusion of obsidian black, cloud white, and metallic gold—crafted as a museum-grade abstract for luxury interiors and fine art collectors.\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp\u003eSome artworks are quiet.\u003cbr\u003eThis one arrives like lightning.\u003c\/p\u003e\n        \n        \u003cp\u003eGolden Fracture was inspired by the beauty found in tension—where light meets pressure, where form meets force. Gold veins slice through clouded darkness like illuminated fault lines, evoking the Japanese art of kintsugi, where brokenness becomes art.\u003c\/p\u003e\n        \n        \u003cp\u003eDesigned for elevated spaces—galleries, penthouses, boutique hotels—this piece commands attention with its sculptural luminosity and architectural presence. White clouds bloom against obsidian black, split by radiant gold fissures reminiscent of lightning, marble veining, or the primal beauty of emergence.\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Obsidian black, cloud white, and metallic gold create dramatic, sculptural depth.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eDramatic black-and-gold abstracts maintain strong demand in luxury residential and hospitality markets. Kintsugi-inspired elegance ensures enduring collector appeal.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pairing-content\"\u003e\n        \u003cdiv class=\"pairing-title\"\u003eCreate a Luxury Diptych\u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            Golden Fracture pairs beautifully with black-and-gold expressionist abstracts to create a commanding multi-piece wall series for architectural interiors.\n        \u003c\/div\u003e\n        \u003cul class=\"pairing-list\"\u003e\n            \u003cli\u003e\n\u003ca href=\"#\"\u003eEmberborn\u003c\/a\u003e — black + gold movement\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"#\"\u003eGolden Horizon\u003c\/a\u003e — minimal gold bar\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Discover more dramatic, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring sculptural luminosity and cinematic presence to luxury interiors.\n    \u003c\/div\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"description\"\u003e\n            Golden Fracture captures the raw beauty of pressure, energy, and emergence. The bold palette of obsidian black and cloud white wrapped in metallic gold makes it a commanding statement in minimal, contemporary, or classical luxury environments.\n        \u003c\/div\u003e\n        \u003cdiv class=\"investment-highlight\"\u003e\n            This piece is crafted for collectors who value architectural presence, dramatic contrast, and emotional resonance in their interiors.\n        \u003c\/div\u003e\n        \u003cdiv class=\"target-spaces\"\u003e\n            \u003cspan class=\"target-space\"\u003eLuxury Galleries\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003ePenthouses\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eBoutique Hotels\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eMarble Foyers\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eCorporate Lobbies\u003c\/span\u003e\n            \u003cspan class=\"target-space\"\u003eModern Estates\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"brands-strip\"\u003e\n    \u003cdiv class=\"brands-text\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n    \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n    \u003c\/div\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-logo\"\u003eKasian Art Studio\u003c\/div\u003e\n    \u003cdiv class=\"footer-copyright\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n    \u003cdiv class=\"footer-links\"\u003e\n        \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eInstagram\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eCollectors\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('.header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10,10,10,0.98)';\n            header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n        } else {\n            header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n            header.style.boxShadow = 'none';\n        }\n    });\n\n    \/\/ Parallax effect on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const parallaxElements = document.querySelectorAll('.hero-bg');\n        parallaxElements.forEach(el =\u003e {\n            el.style.transform = `translateY(${scrolled * 0.5}px)`;\n        });\n    });\n\n    \/\/ Fracture lines animation enhancement\n    const fractures = document.querySelectorAll('.fracture-line');\n    window.addEventListener('mousemove', (e) =\u003e {\n        const x = e.clientX \/ window.innerWidth;\n        const y = e.clientY \/ window.innerHeight;\n        \n        fractures.forEach((line, index) =\u003e {\n            const offset = (index + 1) * 5;\n            line.style.transform = `rotate(${15 + (x - 0.5) * offset}deg)`;\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46083759603877,"sku":"5172851_16039","price":439.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46083759636645,"sku":"5172851_16045","price":439.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46083759669413,"sku":"5172851_15700","price":439.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_3667.png?v=1763560613"},{"product_id":"veil-of-shadows","title":"OBSIDIAN DRIFT— Luxury Black \u0026 Grey Atmospheric Abstract Art","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eLuxury Black Abstract Art | Obsidian Drift — Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade black abstract artwork exploring depth, movement, and restraint for luxury interiors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --bg-dark: #0a0a0a;\n        --bg-secondary: #1a1a1a;\n        --bg-charcoal: #151515;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --accent: #8a8a8a;\n        --accent-hover: #a0a0a0;\n        --divider: rgba(138, 138, 138, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--bg-dark);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* HEADER *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid rgba(138, 138, 138, 0.1);\n        padding: 1.5rem 5%;\n        transition: all 0.3s ease;\n    }\n\n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--accent);\n        text-decoration: none;\n        transition: all 0.3s ease;\n    }\n\n    .logo:hover {\n        color: var(--accent-hover);\n    }\n\n    nav a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n    }\n\n    nav a:hover {\n        color: var(--accent);\n    }\n\n    \/* HERO SECTION *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 8rem 5% 4rem;\n        position: relative;\n        overflow: hidden;\n        background: radial-gradient(ellipse at center, #1a1a1a 0%, #000000 100%);\n    }\n\n    \/* Smoke wisp animation - diagonal sweeps *\/\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: -20%;\n        right: -10%;\n        width: 60%;\n        height: 140%;\n        background: linear-gradient(135deg, \n            transparent 0%, \n            rgba(138, 138, 138, 0.03) 30%, \n            rgba(138, 138, 138, 0.08) 50%, \n            rgba(138, 138, 138, 0.03) 70%, \n            transparent 100%);\n        transform: rotate(-25deg);\n        animation: smokeDrift 15s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes smokeDrift {\n        0%, 100% { \n            transform: translateX(0) translateY(0) rotate(-25deg);\n            opacity: 0.4;\n        }\n        50% { \n            transform: translateX(-80px) translateY(60px) rotate(-22deg);\n            opacity: 0.7;\n        }\n    }\n\n    \/* Secondary smoke layer *\/\n    .hero::after {\n        content: '';\n        position: absolute;\n        bottom: -20%;\n        left: -10%;\n        width: 50%;\n        height: 120%;\n        background: linear-gradient(-45deg, \n            transparent 0%, \n            rgba(138, 138, 138, 0.02) 30%, \n            rgba(138, 138, 138, 0.06) 50%, \n            rgba(138, 138, 138, 0.02) 70%, \n            transparent 100%);\n        transform: rotate(20deg);\n        animation: smokeCounterDrift 18s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes smokeCounterDrift {\n        0%, 100% { \n            transform: translateX(0) translateY(0) rotate(20deg);\n            opacity: 0.3;\n        }\n        50% { \n            transform: translateX(60px) translateY(-40px) rotate(23deg);\n            opacity: 0.6;\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero-subtitle {\n        font-size: 0.9rem;\n        letter-spacing: 4px;\n        color: var(--accent);\n        text-transform: uppercase;\n        margin-bottom: 1.5rem;\n        font-weight: 400;\n    }\n\n    .hero-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 4.5rem;\n        font-weight: 400;\n        line-height: 1.2;\n        margin-bottom: 1.5rem;\n        color: var(--text-primary);\n        letter-spacing: 3px;\n    }\n\n    .hero-tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        font-weight: 300;\n        font-style: italic;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        color: var(--accent);\n        border: 1px solid var(--accent);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        font-weight: 400;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--bg-dark);\n    }\n\n    \/* SECTION STYLES *\/\n    section {\n        padding: 6rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 400;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n        letter-spacing: 1px;\n    }\n\n    .section-subtitle {\n        text-align: center;\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        max-width: 700px;\n        margin: 0 auto 4rem;\n        line-height: 1.8;\n    }\n\n    .divider {\n        width: 100px;\n        height: 1px;\n        background: var(--accent);\n        margin: 4rem auto;\n    }\n\n    \/* VIDEO SECTION *\/\n    .video-section {\n        background: var(--bg-charcoal);\n        padding: 6rem 5%;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--divider);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* DESCRIPTION SECTION *\/\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.1rem;\n        line-height: 2;\n        color: var(--text-secondary);\n    }\n\n    .description-content p {\n        margin-bottom: 1.5rem;\n    }\n\n    .description-highlight {\n        color: var(--text-primary);\n        font-weight: 400;\n    }\n\n    \/* BACKSTORY SECTION *\/\n    .backstory-section {\n        background: var(--bg-charcoal);\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        line-height: 2.8;\n        color: var(--text-secondary);\n        font-style: italic;\n        text-align: center;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    \/* FEATURES GRID *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2.5rem;\n        background: var(--bg-charcoal);\n        border: 1px solid var(--divider);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        border-color: var(--accent);\n        box-shadow: 0 20px 40px rgba(138, 138, 138, 0.1);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        font-weight: 400;\n    }\n\n    .feature-description {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n        line-height: 1.8;\n    }\n\n    \/* EDITION DETAILS *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: var(--bg-charcoal);\n        border: 1px solid var(--divider);\n    }\n\n    .stat {\n        text-align: center;\n        padding: 2rem 1rem;\n        border-right: 1px solid var(--divider);\n    }\n\n    .stat:last-child {\n        border-right: none;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent);\n        margin-bottom: 0.5rem;\n        font-weight: 400;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n    }\n\n    \/* PAIRINGS SECTION *\/\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .pairing-card {\n        padding: 2.5rem;\n        background: var(--bg-charcoal);\n        border: 1px solid var(--divider);\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent);\n        transform: translateY(-5px);\n    }\n\n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n        font-weight: 400;\n    }\n\n    .pairing-description {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1rem;\n    }\n\n    \/* COLLECTION CTA *\/\n    .collection-cta {\n        background: linear-gradient(135deg, var(--bg-charcoal) 0%, #0a0a0a 100%);\n        text-align: center;\n        padding: 6rem 5%;\n    }\n\n    .collection-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        font-weight: 400;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* INVESTMENT SECTION *\/\n    .investment-section {\n        background: var(--bg-dark);\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 1rem 2rem;\n        background: var(--bg-charcoal);\n        border: 1px solid var(--divider);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent);\n        color: var(--accent);\n    }\n\n    \/* LUXURY BRANDS *\/\n    .luxury-brands {\n        background: var(--bg-charcoal);\n        padding: 4rem 5%;\n        text-align: center;\n    }\n\n    .luxury-brands h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 2rem;\n        color: var(--text-secondary);\n        font-weight: 400;\n    }\n\n    .brand-list {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        color: var(--accent);\n        letter-spacing: 3px;\n    }\n\n    \/* FINAL CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        text-align: center;\n        background: linear-gradient(135deg, #0a0a0a 0%, var(--bg-charcoal) 100%);\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.5rem;\n        margin-bottom: 2rem;\n        font-weight: 400;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* FOOTER *\/\n    footer {\n        background: var(--bg-dark);\n        padding: 4rem 5%;\n        border-top: 1px solid var(--divider);\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n    }\n\n    .footer-section h4 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent);\n        font-weight: 400;\n    }\n\n    .footer-section p,\n    .footer-section a {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        line-height: 2;\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .footer-section a:hover {\n        color: var(--accent);\n    }\n\n    .social-links {\n        display: flex;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n\n    .social-links a {\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        transition: all 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent);\n        transform: translateY(-3px);\n    }\n\n    .copyright {\n        text-align: center;\n        margin-top: 3rem;\n        padding-top: 2rem;\n        border-top: 1px solid var(--divider);\n        color: var(--text-secondary);\n        font-size: 0.85rem;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n        .hero-title {\n            font-size: 3rem;\n        }\n\n        .hero-tagline {\n            font-size: 1.3rem;\n        }\n\n        .section-title {\n            font-size: 2.5rem;\n        }\n\n        nav a {\n            margin-left: 1.5rem;\n            font-size: 0.8rem;\n        }\n\n        .features-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .stat {\n            border-right: none;\n            border-bottom: 1px solid var(--divider);\n        }\n\n        .stat:last-child {\n            border-bottom: none;\n        }\n    }\n\n    \/* SCROLL ANIMATIONS *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- HEADER --\u003e\n\u003cheader\u003e\n    \u003cdiv class=\"header-content\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n        \u003cnav\u003e\n            \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n            \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n            \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 20\u003c\/div\u003e\n        \u003ch1 class=\"hero-title\"\u003eObsidian Drift\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eThe Weight of Quiet\u003c\/p\u003e\n        \u003cp class=\"section-subtitle\"\u003eDarkness, refined into movement.\u003c\/p\u003e\n        \u003ca href=\"#inquire\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VIDEO SECTION --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/e8EgnWMQcfg?si=eWPk-ht_IQo9P74h\" title=\"Obsidian Drift\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION SECTION --\u003e\n\u003csection id=\"details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDepth Without Subject\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description-content fade-in\"\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eObsidian Drift is an exploration of depth without subject\u003c\/span\u003e—a meditation on shadow, motion, and restraint. Layered charcoal tones sweep across the surface like controlled breath, creating a sense of slow movement suspended in time.\u003c\/p\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis piece does not demand attention. It commands presence.\u003c\/span\u003e\u003c\/p\u003e\n        \u003cp\u003eDesigned for collectors and curators who understand the power of absence, Obsidian Drift elevates modern interiors through its tonal complexity and quiet authority. It belongs in spaces where silence is intentional: \u003cspan class=\"description-highlight\"\u003eexecutive suites, Aman-style hotel corridors, private galleries, penthouses,\u003c\/span\u003e and architectural residences defined by discipline and refinement.\u003c\/p\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is not trend art.\u003c\/span\u003e\u003c\/p\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis is timeless minimalism.\u003c\/span\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BACKSTORY SECTION --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eWhere Authority Begins\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"backstory-content fade-in\"\u003e\n        \u003cp\u003eWhere light ends,\u003c\/p\u003e\n        \u003cp\u003eauthority begins.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MUSEUM-GRADE FEATURES --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eOnly 20 prints will ever exist. Each piece is numbered and authenticated, ensuring rarity and long-term value for collectors who appreciate atmospheric minimalism.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Archival pigment inks deliver deep velvety blacks and clean tonal gradients essential for monochrome abstracts.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eDramatic black abstracts maintain strong demand in luxury markets. This piece is designed for private collections, galleries, and high-end hospitality environments.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EDITION DETAILS --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"edition-stats fade-in\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e20\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYears Longevity\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eCertificate Included\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CURATED PAIRINGS --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"section-subtitle\"\u003eTogether, these works form a curated silence collection for luxury architectural environments.\u003c\/div\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eExhale\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eA Study in Absolute Restraint — A minimalist counterpoint exploring singular gesture and negative space. Together with Obsidian Drift, these pieces create a dialogue between movement and stillness.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eQuiet Mass\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eMonochrome Authority Series — An exploration of weight and shadow in abstract form. Paired with Obsidian Drift, these works establish atmospheric depth for sophisticated interiors.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COLLECTION CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp\u003eDiscover more works from the Abstract Atmospheric Collection—pieces that celebrate depth, movement, and the quiet power of darkness.\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- INVESTMENT SECTION --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Intentional Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for luxury interiors that value depth, restraint, and architectural presence over ornamentation.\u003c\/div\u003e\n    \u003cdiv class=\"target-spaces fade-in\"\u003e\n        \u003cdiv class=\"space-tag\"\u003eExecutive Suites\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eHotel Corridors\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003ePenthouse Living\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eBoardrooms\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eArchitectural Foyers\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LUXURY BRANDS --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n    \u003ch3\u003eTrusted by Leading Luxury Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n    \u003ch2\u003eBegin Your Acquisition\u003c\/h2\u003e\n    \u003cp\u003eFor pricing, framing consultations for dramatic abstracts, or installation guidance, contact our curatorial team.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"footer-section\"\u003e\n            \u003ch4\u003eKasian Art Studio\u003c\/h4\u003e\n            \u003cp\u003eMuseum-grade fine art for luxury interiors, private collectors, and hospitality brands.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"footer-section\"\u003e\n            \u003ch4\u003eQuick Links\u003c\/h4\u003e\n            \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eAll Collections\u003c\/a\u003e\u003c\/p\u003e\n            \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/p\u003e\n            \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"footer-section\"\u003e\n            \u003ch4\u003eConnect\u003c\/h4\u003e\n            \u003cdiv class=\"social-links\"\u003e\n                \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n                \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"copyright\"\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- SCROLL ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n    \/\/ Smooth scroll for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\n    \/\/ Fade-in animation on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10, 10, 10, 0.98)';\n        } else {\n            header.style.background = 'rgba(10, 10, 10, 0.95)';\n        }\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084927127717,"sku":"4713076_16039","price":11314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084927160485,"sku":"4713076_16045","price":11314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084927193253,"sku":"4713076_15700","price":11314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_3657.png?v=1763560567"},{"product_id":"embers-of-the-infinite","title":"Emberborn — Luxury Black, Gold \u0026 Charcoal Abstract Fine Art","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eEmberborn — Luxury Black \u0026amp; Gold Abstract Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A dramatic black, gold, and charcoal abstract artwork crafted for luxury homes, hotels, and collectors. Limited edition, museum-grade, cinematic, and powerful.\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n```\n    body {\n        font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n        background: #0a0a0a;\n        color: #e8e3d8;\n        overflow-x: hidden;\n        line-height: 1.7;\n    }\n\n    .header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        padding: 2rem 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        font-weight: 300;\n        text-transform: uppercase;\n    }\n\n    .nav a {\n        color: #e8e3d8;\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .nav a:hover {\n        color: #d4a574;\n    }\n\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 50%, #1a1410 100%);\n        opacity: 0.9;\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 900px;\n        padding: 0 5%;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        color: #f5f0e8;\n    }\n\n    .hero-subtitle {\n        font-size: 1.3rem;\n        color: #d4a574;\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 300;\n    }\n\n    .hero-tagline {\n        font-size: 1.1rem;\n        color: #b8b0a0;\n        letter-spacing: 2px;\n        font-style: italic;\n        margin-bottom: 3rem;\n    }\n\n    .cta-btn {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 1px solid #d4a574;\n        color: #d4a574;\n        text-decoration: none;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        transition: all 0.4s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-btn:hover {\n        background: #d4a574;\n        color: #0a0a0a;\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.3);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        color: #d4a574;\n        font-size: 0.8rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .video-section {\n        background: #0a0a0a;\n        padding: 8rem 5%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        max-width: 1200px;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid #2a2520;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .section {\n        padding: 8rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: #f5f0e8;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: #d4a574;\n        margin: 3rem auto;\n    }\n\n    .description {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.2rem;\n        line-height: 2;\n        color: #c8c0b0;\n        text-align: center;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n        margin-top: 5rem;\n    }\n\n    .feature {\n        text-align: center;\n        padding: 2rem;\n        transition: transform 0.3s ease;\n    }\n\n    .feature:hover {\n        transform: translateY(-10px);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #d4a574;\n        margin-bottom: 1.5rem;\n    }\n\n    .feature h3 {\n        font-size: 1.5rem;\n        font-weight: 300;\n        letter-spacing: 1.5px;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        color: #f5f0e8;\n    }\n\n    .feature p {\n        color: #b8b0a0;\n        line-height: 1.8;\n    }\n\n    .backstory {\n        background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n        padding: 8rem 5%;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: #d8d0c0;\n        font-style: italic;\n        text-align: center;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    .backstory-content strong {\n        color: #f5f0e8;\n        font-style: normal;\n    }\n\n    .edition-details {\n        background: #0a0a0a;\n        padding: 6rem 5%;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .detail-item {\n        text-align: center;\n        border: 1px solid #2a2520;\n        padding: 3rem 2rem;\n        transition: all 0.3s ease;\n    }\n\n    .detail-item:hover {\n        border-color: #d4a574;\n        background: rgba(212, 165, 116, 0.05);\n    }\n\n    .detail-number {\n        font-size: 3rem;\n        color: #d4a574;\n        margin-bottom: 1rem;\n        font-weight: 300;\n    }\n\n    .detail-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: #b8b0a0;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .pairing {\n        background: #0f0d0a;\n        padding: 8rem 5%;\n    }\n\n    .pairing-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .pairing-title {\n        font-size: 1.8rem;\n        color: #d4a574;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .pairing-title a {\n        color: #d4a574;\n        text-decoration: none;\n        border-bottom: 1px solid #d4a574;\n        transition: all 0.3s ease;\n    }\n\n    .pairing-title a:hover {\n        color: #f5f0e8;\n        border-bottom-color: #f5f0e8;\n    }\n\n    .collection-explore {\n        background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        background: #0a0a0a;\n        border: 2px solid #d4a574;\n        color: #d4a574;\n        text-decoration: none;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: all 0.5s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 400;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .collection-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.2), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .collection-btn:hover::before {\n        left: 100%;\n    }\n\n    .collection-btn:hover {\n        background: #d4a574;\n        color: #0a0a0a;\n        border-color: #d4a574;\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(212, 165, 116, 0.4);\n    }\n\n    .investment {\n        background: #0a0a0a;\n        padding: 8rem 5%;\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .investment-highlight {\n        font-size: 1.4rem;\n        color: #d4a574;\n        margin: 2rem 0;\n        font-style: italic;\n    }\n\n    .cta-section {\n        background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .cta-large {\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 3rem;\n        line-height: 1.3;\n        color: #f5f0e8;\n    }\n\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n        }\n        \n        .nav {\n            display: none;\n        }\n        \n        .section {\n            padding: 5rem 5%;\n        }\n\n        .video-section {\n            padding: 5rem 5%;\n        }\n\n        .cta-large {\n            font-size: 2.5rem;\n        }\n\n        .collection-btn {\n            padding: 1.2rem 2.5rem;\n            font-size: 0.8rem;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003cheader class=\"header\"\u003e\n        \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"#about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eEmberborn\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/xWXeMpN_GWU\" title=\"Emberborn — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eElemental Drama\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\"\u003e\n        A dramatic black, gold, and ash abstract infused with cinematic movement and museum-grade depth—crafted for luxury interiors and elite collectors.\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp\u003eBorn from shadow and flame, Emberborn captures the moment light breaks through darkness. Swirls of molten gold cut through charcoal storms, evoking volcanic energy, celestial movement, and the primal beauty of creation.\u003c\/p\u003e\n        \n        \u003cp\u003eThis artwork was designed for spaces that hold presence—towering penthouses, stone-wrapped hotel lobbies, minimalist modern homes, and quiet gallery halls. It invites the viewer into a world where darkness becomes luminous and chaos becomes art.\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eMoody.\u003cbr\u003eElegant.\u003cbr\u003eTimeless.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Swirling gold, charcoal, and smoke-like textures create volcanic, atmospheric depth.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eDramatic expressionist abstracts maintain strong demand in luxury residential and hospitality markets. Elemental power ensures enduring collector appeal.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pairing-content\"\u003e\n        \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eGolden Horizon\u003c\/a\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            A vertical black-and-gold expressionist or \"Golden Horizon\" minimalist piece—creating an elemental diptych: stillness + eruption, shadow + flame.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Discover more dramatic, atmospheric works from our Abstract Atmospheric Collection, each piece crafted to bring volcanic energy, celestial movement, and cinematic presence to luxury interiors.\n    \u003c\/div\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/abstract-atmospheric-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eAbstract Atmospheric Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"description\"\u003e\n            Emberborn is a force of atmosphere—swirling gold, charcoal, and smoke-like textures that shift between elemental and celestial. The composition feels alive, as if carved from volcanic ash and illuminated by molten light.\n        \u003c\/div\u003e\n        \u003cdiv class=\"investment-highlight\"\u003e\n            This piece is crafted for collectors who value movement, drama, and emotional presence in their interiors.\n        \u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            Perfect for penthouses, modern estates, boutique hotels, gallery installations, and architectural spaces that embrace bold, cinematic expression.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n    \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n    \u003c\/div\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter style=\"background: #000; padding: 4rem 5%; text-align: center; border-top: 1px solid #2a2520;\"\u003e\n    \u003cdiv style=\"font-size: 1.1rem; letter-spacing: 3px; margin-bottom: 2rem; text-transform: uppercase;\"\u003eKasian Art Studio\u003c\/div\u003e\n    \u003cdiv style=\"color: #b8b0a0; font-size: 0.9rem; letter-spacing: 1px;\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 2rem;\"\u003e\n        \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eInstagram\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eContact\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eCollectors\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('.header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10,10,10,0.98)';\n            header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n        } else {\n            header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n            header.style.boxShadow = 'none';\n        }\n    });\n\n    \/\/ Parallax effect on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const parallaxElements = document.querySelectorAll('.hero-bg');\n        parallaxElements.forEach(el =\u003e {\n            el.style.transform = `translateY(${scrolled * 0.5}px)`;\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084931846309,"sku":"8220331_16039","price":13314.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084931879077,"sku":"8220331_16045","price":13314.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084931911845,"sku":"8220331_15700","price":13314.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/5008E260-36C3-4C79-94EC-A5DD6BE9E14F.png?v=1763646616"},{"product_id":"golden-horizon","title":"Golden Horizon — Luxury Black \u0026 Gold Minimalist Fine Art Print","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eGolden Horizon — Luxury Black \u0026amp; Gold Minimalist Fine Art Print | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"A modern minimalist black-and-gold artwork crafted for luxury homes, penthouses, hotels, and designer spaces. Limited edition, museum-grade.\"\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n```\n    body {\n        font-family: 'Cormorant Garamond', 'Playfair Display', serif;\n        background: #0a0a0a;\n        color: #e8e3d8;\n        overflow-x: hidden;\n        line-height: 1.7;\n    }\n\n    .header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        padding: 2rem 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .logo {\n        font-size: 1.1rem;\n        letter-spacing: 3px;\n        font-weight: 300;\n        text-transform: uppercase;\n    }\n\n    .nav a {\n        color: #e8e3d8;\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .nav a:hover {\n        color: #d4a574;\n    }\n\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 50%, #1a1410 100%);\n        opacity: 0.9;\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        text-align: center;\n        max-width: 900px;\n        padding: 0 5%;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 1.5rem;\n        line-height: 1.1;\n        color: #f5f0e8;\n    }\n\n    .hero-subtitle {\n        font-size: 1.3rem;\n        color: #d4a574;\n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 300;\n    }\n\n    .hero-tagline {\n        font-size: 1.1rem;\n        color: #b8b0a0;\n        letter-spacing: 2px;\n        font-style: italic;\n        margin-bottom: 3rem;\n    }\n\n    .cta-btn {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        border: 1px solid #d4a574;\n        color: #d4a574;\n        text-decoration: none;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        transition: all 0.4s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .cta-btn:hover {\n        background: #d4a574;\n        color: #0a0a0a;\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(212, 165, 116, 0.3);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        color: #d4a574;\n        font-size: 0.8rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {\n            transform: translateX(-50%) translateY(0);\n        }\n        40% {\n            transform: translateX(-50%) translateY(-10px);\n        }\n        60% {\n            transform: translateX(-50%) translateY(-5px);\n        }\n    }\n\n    .video-section {\n        background: #0a0a0a;\n        padding: 8rem 5%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .video-container {\n        position: relative;\n        width: 100%;\n        max-width: 1200px;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid #2a2520;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .section {\n        padding: 8rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        font-weight: 300;\n        letter-spacing: 2px;\n        margin-bottom: 3rem;\n        text-align: center;\n        color: #f5f0e8;\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: #d4a574;\n        margin: 3rem auto;\n    }\n\n    .description {\n        max-width: 800px;\n        margin: 0 auto;\n        font-size: 1.2rem;\n        line-height: 2;\n        color: #c8c0b0;\n        text-align: center;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 4rem;\n        margin-top: 5rem;\n    }\n\n    .feature {\n        text-align: center;\n        padding: 2rem;\n        transition: transform 0.3s ease;\n    }\n\n    .feature:hover {\n        transform: translateY(-10px);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: #d4a574;\n        margin-bottom: 1.5rem;\n    }\n\n    .feature h3 {\n        font-size: 1.5rem;\n        font-weight: 300;\n        letter-spacing: 1.5px;\n        margin-bottom: 1rem;\n        text-transform: uppercase;\n        color: #f5f0e8;\n    }\n\n    .feature p {\n        color: #b8b0a0;\n        line-height: 1.8;\n    }\n\n    .backstory {\n        background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n        padding: 8rem 5%;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.3rem;\n        line-height: 2.2;\n        color: #d8d0c0;\n        font-style: italic;\n        text-align: center;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    .backstory-content strong {\n        color: #f5f0e8;\n        font-style: normal;\n    }\n\n    .edition-details {\n        background: #0a0a0a;\n        padding: 6rem 5%;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .detail-item {\n        text-align: center;\n        border: 1px solid #2a2520;\n        padding: 3rem 2rem;\n        transition: all 0.3s ease;\n    }\n\n    .detail-item:hover {\n        border-color: #d4a574;\n        background: rgba(212, 165, 116, 0.05);\n    }\n\n    .detail-number {\n        font-size: 3rem;\n        color: #d4a574;\n        margin-bottom: 1rem;\n        font-weight: 300;\n    }\n\n    .detail-label {\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: #b8b0a0;\n        font-family: 'Helvetica Neue', sans-serif;\n    }\n\n    .pairing {\n        background: #0f0d0a;\n        padding: 8rem 5%;\n    }\n\n    .pairing-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .pairing-title {\n        font-size: 1.8rem;\n        color: #d4a574;\n        margin-bottom: 2rem;\n        font-weight: 300;\n    }\n\n    .pairing-title a {\n        color: #d4a574;\n        text-decoration: none;\n        border-bottom: 1px solid #d4a574;\n        transition: all 0.3s ease;\n    }\n\n    .pairing-title a:hover {\n        color: #f5f0e8;\n        border-bottom-color: #f5f0e8;\n    }\n\n    .collection-explore {\n        background: linear-gradient(135deg, #1a1410 0%, #0a0a0a 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        background: #0a0a0a;\n        border: 2px solid #d4a574;\n        color: #d4a574;\n        text-decoration: none;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        transition: all 0.5s ease;\n        font-family: 'Helvetica Neue', sans-serif;\n        font-weight: 400;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .collection-btn::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.2), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .collection-btn:hover::before {\n        left: 100%;\n    }\n\n    .collection-btn:hover {\n        background: #d4a574;\n        color: #0a0a0a;\n        border-color: #d4a574;\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(212, 165, 116, 0.4);\n    }\n\n    .investment {\n        background: #0a0a0a;\n        padding: 8rem 5%;\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 3rem auto;\n        text-align: center;\n    }\n\n    .investment-highlight {\n        font-size: 1.4rem;\n        color: #d4a574;\n        margin: 2rem 0;\n        font-style: italic;\n    }\n\n    .cta-section {\n        background: linear-gradient(135deg, #1a1410 0%, #0f0d0a 100%);\n        padding: 8rem 5%;\n        text-align: center;\n    }\n\n    .cta-large {\n        font-size: 3.5rem;\n        font-weight: 300;\n        margin-bottom: 3rem;\n        line-height: 1.3;\n        color: #f5f0e8;\n    }\n\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n        }\n        \n        .nav {\n            display: none;\n        }\n        \n        .section {\n            padding: 5rem 5%;\n        }\n\n        .video-section {\n            padding: 5rem 5%;\n        }\n\n        .cta-large {\n            font-size: 2.5rem;\n        }\n\n        .collection-btn {\n            padding: 1.2rem 2.5rem;\n            font-size: 0.8rem;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003cheader class=\"header\"\u003e\n        \u003cdiv class=\"logo\"\u003eKasian Art Studio\u003c\/div\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"#about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003ch1\u003eGolden Horizon\u003c\/h1\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 50\u003c\/div\u003e\n        \u003cdiv class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003ca href=\"#inquire\" class=\"cta-btn\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003eScroll to Explore\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/47Kl9ICNTQg?si=73G0DtH2c04vftXZ\" title=\"Golden Horizon — Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eArchitectural Restraint\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\"\u003e\n        A sleek, architectural black-and-gold minimalist statement piece crafted for refined interiors and collector-level luxury environments.\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"backstory\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp\u003eThere is a moment each day when darkness meets light—a thin line where contrast becomes harmony. Golden Horizon captures that moment.\u003c\/p\u003e\n        \n        \u003cp\u003eThe expanse of matte black carries weight, depth, and silence, while a single gold horizon interrupts it with brilliance and purpose. This piece is not meant to be loud; it is meant to center a room, to carve space, to create presence.\u003c\/p\u003e\n        \n        \u003cp\u003eInspired by architectural minimalism and quiet luxury, the artwork brings balance to expansive modern interiors—from sky-high penthouses to curated hotel suites.\u003c\/p\u003e\n        \n        \u003cp\u003e\u003cstrong\u003eA statement of power through simplicity.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 50 prints will ever exist. Each hand-numbered, inspected, and authenticated for exceptional provenance and lasting collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eMuseum-grade materials ensure multi-generational preservation. Deep matte black field with brushed gold horizon creates commanding architectural presence.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eMinimalist color-field works maintain strong demand in luxury residential and hospitality markets. Timeless restraint ensures enduring value.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"edition-details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"details-grid\"\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e100%\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eMuseum Grade\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"detail-item\"\u003e\n            \u003cdiv class=\"detail-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"detail-label\"\u003eArchival Years\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pairing\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairing\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pairing-content\"\u003e\n        \u003cdiv class=\"pairing-title\"\u003eRecommended: \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eVertical Gold Accent\u003c\/a\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            A vertical gold-accent minimalist companion piece from the same series, enhancing symmetry and creating an ultra-luxury diptych experience ideal for lobbies, long hallways, and feature walls.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"collection-explore\"\u003e\n    \u003ch2 class=\"section-title\"\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Discover more sleek, architectural minimalist works from our Gold \u0026amp; Noir Collection, each piece crafted to bring commanding presence and quiet luxury to refined interiors.\n    \u003c\/div\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"collection-btn\"\u003eGold \u0026amp; Noir Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"investment\"\u003e\n    \u003ch2 class=\"section-title\"\u003eInvestment Positioning\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"description\"\u003e\n            Golden Horizon is a study in restraint, contrast, and quietly commanding elegance. The deep matte black field anchors the room with gravity, while the horizon line of brushed gold creates a moment of light, balance, and architectural tension.\n        \u003c\/div\u003e\n        \u003cdiv class=\"investment-highlight\"\u003e\n            This work embodies quiet luxury—a museum-grade piece designed for collectors, interior designers, and hospitality buyers seeking depth without noise.\n        \u003c\/div\u003e\n        \u003cdiv class=\"description\"\u003e\n            Perfect for penthouses, modern estates, boutique hotels, gallery entrance walls, and executive spaces that require an artwork with presence.\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"cta-section\" id=\"inquire\"\u003e\n    \u003cdiv class=\"cta-large\"\u003eBegin Your Collection\u003c\/div\u003e\n    \u003cdiv class=\"description\" style=\"margin-bottom: 3rem;\"\u003e\n        Each acquisition includes a Certificate of Authenticity, museum-grade archival materials, and white-glove delivery service for collectors worldwide.\n    \u003c\/div\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-btn\"\u003eInquire About Availability\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003cfooter style=\"background: #000; padding: 4rem 5%; text-align: center; border-top: 1px solid #2a2520;\"\u003e\n    \u003cdiv style=\"font-size: 1.1rem; letter-spacing: 3px; margin-bottom: 2rem; text-transform: uppercase;\"\u003eKasian Art Studio\u003c\/div\u003e\n    \u003cdiv style=\"color: #b8b0a0; font-size: 0.9rem; letter-spacing: 1px;\"\u003e© 2025 Kasian Art Studio. All Rights Reserved.\u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 2rem;\"\u003e\n        \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eInstagram\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eContact\u003c\/a\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" style=\"color: #d4a574; text-decoration: none; margin: 0 1rem; font-size: 0.85rem; letter-spacing: 1.5px;\"\u003eCollectors\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        });\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('.header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10,10,10,0.98)';\n            header.style.boxShadow = '0 2px 20px rgba(0,0,0,0.5)';\n        } else {\n            header.style.background = 'linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%)';\n            header.style.boxShadow = 'none';\n        }\n    });\n\n    \/\/ Parallax effect on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const scrolled = window.pageYOffset;\n        const parallaxElements = document.querySelectorAll('.hero-bg');\n        parallaxElements.forEach(el =\u003e {\n            el.style.transform = `translateY(${scrolled * 0.5}px)`;\n        });\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46084940431525,"sku":"6331537_16039","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46084940464293,"sku":"6331537_16045","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46084940497061,"sku":"6331537_15700","price":11424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/D14325DC-FBBD-4BC2-91DC-64CC7CE5ED90.png?v=1763646592"},{"product_id":"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/collections\/91AD2FFD-2386-4E4C-A18E-5EBDC850AA18.png?v=1763413795","url":"https:\/\/www.kasianartstudio.com\/collections\/corporate-executive-spaces.oembed?page=5","provider":"Kasian Art Studio","version":"1.0","type":"link"}