{"title":"GOLD \u0026 NOIR LUXE COLLECTION","description":"\u003cp\u003e\u003cspan\u003eWhere modern opulence meets sculptural minimalism.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThe Gold \u0026amp; Noir Luxe Collection is a symphony of deep black, radiant gold, and architectural texture.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eThese pieces command the room the way a skyline commands a city — with quiet dominance and undeniable prestige.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eIdeal for luxury resorts, corporate suites, gallery installations, and high-end residences, this collection elevates interiors with luminous elegance.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eEach artwork is an icon of power, wealth, and curated sophistication.\u003c\/span\u003e\u003c\/p\u003e","products":[{"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":"glyphs-of-quiet-power","title":"Glyphs of Quiet Power — Gilded Geometry","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eGilded Geometric Wall Art | Luxury Modern Abstract Print | Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Luxury geometric gold wall art for modern interiors, executive offices, boutique hotels, and refined collectors. Museum-grade limited edition.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --primary-bg: #0a0a0a;\n        --accent-color: #c9a227;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --border-color: rgba(201, 162, 39, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--primary-bg);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif;\n        font-weight: 400;\n        letter-spacing: 0.5px;\n    }\n\n    .serif-accent {\n        font-family: 'Cormorant Garamond', serif;\n        font-weight: 300;\n    }\n\n    \/* Header *\/\n    header {\n        position: fixed;\n        top: 0;\n        width: 100%;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        z-index: 1000;\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    nav {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 1.5rem 2rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 400;\n        letter-spacing: 2px;\n        color: var(--accent-color);\n        text-decoration: none;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 2.5rem;\n        list-style: none;\n    }\n\n    .nav-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .nav-links a:hover {\n        color: var(--accent-color);\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n        padding-top: 80px;\n    }\n\n    .hero-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.08) 0%, rgba(10, 10, 10, 1) 70%);\n        animation: pulseGlow 8s ease-in-out infinite;\n    }\n\n    @keyframes pulseGlow {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 0.7; }\n    }\n\n    \/* Geometric glyph animations *\/\n    .geometric-animation {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }\n\n    .glyph {\n        position: absolute;\n        border: 1px solid rgba(201, 162, 39, 0.3);\n        opacity: 0;\n    }\n\n    .glyph-circle {\n        width: 60px;\n        height: 60px;\n        border-radius: 50%;\n        top: 15%;\n        left: 10%;\n        animation: glyphFloat 15s ease-in-out infinite;\n    }\n\n    .glyph-square {\n        width: 50px;\n        height: 50px;\n        top: 25%;\n        right: 15%;\n        animation: glyphFloat 18s ease-in-out infinite 3s;\n    }\n\n    .glyph-triangle {\n        width: 0;\n        height: 0;\n        border-left: 30px solid transparent;\n        border-right: 30px solid transparent;\n        border-bottom: 52px solid rgba(201, 162, 39, 0.3);\n        border: none;\n        top: 70%;\n        left: 20%;\n        animation: glyphFloat 20s ease-in-out infinite 6s;\n    }\n\n    .glyph-triangle::before {\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-left: 30px solid transparent;\n        border-right: 30px solid transparent;\n        border-bottom: 52px solid rgba(201, 162, 39, 0.3);\n        top: 0;\n        left: -30px;\n    }\n\n    .glyph-arc {\n        width: 70px;\n        height: 70px;\n        border-radius: 50%;\n        border-top: 1px solid rgba(201, 162, 39, 0.3);\n        border-right: 1px solid rgba(201, 162, 39, 0.3);\n        border-bottom: none;\n        border-left: none;\n        top: 60%;\n        right: 12%;\n        animation: glyphFloat 16s ease-in-out infinite 9s;\n    }\n\n    @keyframes glyphFloat {\n        0%, 100% { \n            opacity: 0;\n            transform: translateY(0) rotate(0deg);\n        }\n        10%, 90% {\n            opacity: 0.4;\n        }\n        50% { \n            opacity: 0.6;\n            transform: translateY(-30px) rotate(45deg);\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        padding: 0 2rem;\n        animation: fadeInUp 1.5s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .edition-badge {\n        display: inline-block;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--accent-color);\n        color: var(--accent-color);\n        font-size: 0.75rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        animation: fadeIn 2s ease-out 0.5s both;\n    }\n\n    .hero h1 {\n        font-size: 5rem;\n        margin-bottom: 0.5rem;\n        color: var(--text-primary);\n        letter-spacing: 2px;\n        animation: fadeIn 2s ease-out 0.8s both;\n    }\n\n    .hero-subtitle {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 2rem;\n        color: var(--accent-color);\n        font-style: italic;\n        margin-bottom: 1.5rem;\n        animation: fadeIn 2s ease-out 1s both;\n    }\n\n    .tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        font-style: italic;\n        margin-bottom: 3rem;\n        animation: fadeIn 2s ease-out 1.1s both;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: transparent;\n        border: 2px solid var(--accent-color);\n        color: var(--accent-color);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        animation: fadeIn 2s ease-out 1.4s both;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent-color);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--primary-bg);\n    }\n\n    \/* Section Styles *\/\n    section {\n        padding: 6rem 2rem;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-size: 3rem;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n    }\n\n    .divider {\n        width: 80px;\n        height: 1px;\n        background: var(--accent-color);\n        margin: 0 auto 4rem;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background: rgba(201, 162, 39, 0.03);\n        padding: 6rem 2rem;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-color);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description {\n        max-width: 900px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .description p {\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: var(--text-secondary);\n        margin-bottom: 1.5rem;\n    }\n\n    \/* Backstory Section *\/\n    .backstory {\n        background: linear-gradient(135deg, rgba(201, 162, 39, 0.05) 0%, rgba(10, 10, 10, 1) 100%);\n        padding: 8rem 2rem;\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .backstory p {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        line-height: 2;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .backstory-highlight {\n        font-size: 2rem;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n        font-style: italic;\n    }\n\n    .backstory-verse {\n        font-size: 1.5rem;\n        line-height: 2.5;\n        color: var(--accent-color);\n        text-align: center;\n        margin: 3rem 0;\n    }\n\n    .backstory-verse p {\n        font-size: 1.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    \/* Features Grid *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent-color);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(201, 162, 39, 0.1);\n    }\n\n    .feature-icon {\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-card h3 {\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        color: var(--text-secondary);\n        line-height: 1.6;\n    }\n\n    \/* Edition Stats *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: rgba(201, 162, 39, 0.03);\n        border: 1px solid var(--border-color);\n    }\n\n    .stat {\n        text-align: center;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        color: var(--accent-color);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    \/* Pairings Section *\/\n    .pairings {\n        background: rgba(10, 10, 10, 0.8);\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        border: 1px solid var(--border-color);\n        text-align: center;\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-color);\n        transform: scale(1.02);\n    }\n\n    .pairing-card h3 {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        color: var(--accent-color);\n    }\n\n    .pairing-card p {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n    }\n\n    \/* Collection CTA *\/\n    .collection-cta {\n        text-align: center;\n        padding: 6rem 2rem;\n        background: linear-gradient(135deg, rgba(201, 162, 39, 0.08) 0%, rgba(10, 10, 10, 1) 100%);\n    }\n\n    .collection-cta h2 {\n        font-size: 2.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Investment Section *\/\n    .investment {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .investment p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 2rem;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 0.7rem 1.5rem;\n        border: 1px solid var(--border-color);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent-color);\n        color: var(--accent-color);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background: rgba(201, 162, 39, 0.03);\n        border-top: 1px solid var(--border-color);\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .brand-strip h3 {\n        text-align: center;\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 2rem;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 3rem;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.5rem;\n        color: var(--accent-color);\n    }\n\n    .brand-separator {\n        color: var(--border-color);\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        text-align: center;\n        padding: 8rem 2rem;\n        background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.1) 0%, rgba(10, 10, 10, 1) 70%);\n    }\n\n    .final-cta h2 {\n        font-size: 3rem;\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    \/* Footer *\/\n    footer {\n        padding: 3rem 2rem;\n        border-top: 1px solid var(--border-color);\n        text-align: center;\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent-color);\n    }\n\n    footer p {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .hero h1 {\n            font-size: 3rem;\n        }\n\n        .hero-subtitle {\n            font-size: 1.5rem;\n        }\n\n        .section-title {\n            font-size: 2rem;\n        }\n\n        .nav-links {\n            display: none;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    \/* Scroll Fade In *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 1s ease, transform 1s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"hero-background\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"geometric-animation\"\u003e\n        \u003cdiv class=\"glyph glyph-circle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"glyph glyph-square\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"glyph glyph-triangle\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"glyph glyph-arc\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition of 75\u003c\/div\u003e\n        \u003ch1\u003eGlyphs of Quiet Power\u003c\/h1\u003e\n        \u003cp class=\"hero-subtitle\"\u003eGilded Geometry\u003c\/p\u003e\n        \u003cp class=\"tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Glyphs%20of%20Quiet%20Power\" class=\"cta-button\"\u003eInquire Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/ffpbQ88dM3o?si=Ue6B1LXbs9UsefU1\" title=\"Glyphs of Quiet Power - Kasian Art Studio\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description fade-in\"\u003e\n    \u003cp\u003eA restrained composition of gold and shadow—architectural, timeless, absolute.\u003c\/p\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cp\u003eHand-rendered geometric forms—circles, angles, arcs, and directional lines—float in deliberate harmony against a deep obsidian field. Each gold element feels symbolic, almost ceremonial, like a visual language understood only by those trained to notice nuance.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c!-- Backstory Section --\u003e\n\u003csection class=\"backstory fade-in\"\u003e\n    \u003cdiv class=\"backstory-content\"\u003e\n        \u003cp class=\"backstory-highlight\"\u003ePower does not shout. It aligns.\u003c\/p\u003e\n        \n        \u003cp\u003eGlyphs of Quiet Power is a meditation on order, rhythm, and intentional restraint. Hand-rendered geometric forms—circles, angles, arcs, and directional lines—float in deliberate harmony against a deep obsidian field. Each gold element feels symbolic, almost ceremonial, like a visual language understood only by those trained to notice nuance.\u003c\/p\u003e\n        \n        \u003cp\u003eThe surface reads as softly burnished metal—quietly luminous, never reflective. It evokes ancient architectural markings, modernist precision, and contemporary luxury design in a single breath. This is not decorative abstraction. This is architectural art—created to anchor space.\u003c\/p\u003e\n        \n        \u003cdiv class=\"backstory-verse\"\u003e\n            \u003cp\u003eSymbols don't explain themselves.\u003c\/p\u003e\n            \u003cp\u003eThey endure.\u003c\/p\u003e\n            \u003cp\u003eOrder is luxury.\u003c\/p\u003e\n            \u003cp\u003eSilence is power.\u003c\/p\u003e\n            \u003cp\u003eGold remembers.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cp\u003eDesigned for executive offices, luxury hotel lounges, private residences, and curated galleries, this work holds presence without interrupting flow. It elevates interiors through balance, not excess.\u003c\/p\u003e\n        \n        \u003cp class=\"backstory-highlight\"\u003eFor collectors who value structure, silence, and intention.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Section --\u003e\n\u003csection class=\"features fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp\u003eOnly 75 prints will ever exist. Each piece is individually numbered and certified, ensuring long-term collector value and architectural-level exclusivity.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp\u003eCreated using acid-free, museum-grade materials rated for over 100 years of longevity. Printed with archival pigment inks on fine-art cotton rag for depth and permanence.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp\u003eGeometric abstractions maintain strong demand in executive and hospitality environments. Architectural art designed to anchor space and transcend trends.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Edition Stats --\u003e\n    \u003cdiv class=\"edition-stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e75\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYear Permanence\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eFrame Options\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pairings Section --\u003e\n\u003csection class=\"pairings fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eGolden Stillness\u003c\/h3\u003e\n            \u003cp\u003eMinimalist horizon abstract. Together with Glyphs of Quiet Power, they create a collector-grade wall narrative rooted in order and permanence.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"pairing-card\"\u003e\n            \u003ch3\u003eMonolith Composition I\u003c\/h3\u003e\n            \u003cp\u003eArchitectural noir abstraction. Paired, they form a sophisticated dialogue about structure, balance, and the quiet authority of geometric precision.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-cta fade-in\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp class=\"serif-accent\"\u003eDiscover more architectural pieces from the Gold Noir Luxe Collection\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"cta-button\"\u003eView Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment fade-in\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Discerning Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \n    \u003cp\u003eGlyphs of Quiet Power is created to anchor space through balance, not excess. This architectural art finds its home in environments where order is luxury and silence commands attention.\u003c\/p\u003e\n    \n    \u003cdiv class=\"target-spaces\"\u003e\n        \u003cspan class=\"space-tag\"\u003eExecutive Offices\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eLuxury Hotel Lounges\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePrivate Residences\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eCurated Galleries\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003eCorporate Boardrooms\u003c\/span\u003e\n        \u003cspan class=\"space-tag\"\u003ePenthouse Foyers\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003ch3\u003eTrusted by the World's Most Prestigious Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-logos\"\u003e\n        \u003cspan\u003eAman\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eFour Seasons\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eSt. Regis\u003c\/span\u003e\n        \u003cspan class=\"brand-separator\"\u003e•\u003c\/span\u003e\n        \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta fade-in\"\u003e\n    \u003ch2\u003eBegin Your Collection\u003c\/h2\u003e\n    \u003cp\u003eOrder is the most luxurious language. Make it yours.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Glyphs%20of%20Quiet%20Power%20-%20Limited%20Edition\" class=\"cta-button\"\u003eContact the Studio\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.facebook.com\/kasianartstudio\" target=\"_blank\"\u003eFacebook\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n        \u003cp style=\"margin-top: 1rem; font-size: 0.8rem;\"\u003ekristina@kasianartstudio.com\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Smooth scroll\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth' });\n            }\n        });\n    });\n\n    \/\/ Fade in on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e observer.observe(el));\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Default Title","offer_id":46077011329189,"sku":"4180258_16039","price":7164.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/91C75917-C20C-4767-82C7-44380081B88E.png?v=1764777692"},{"product_id":"gilded-silence","title":"Gilded Silence — Where Power Rests","description":"\u003cbody\u003e\n\u003cscript async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6523354279554530\" crossorigin=\"anonymous\"\u003e\u003c\/script\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eLuxury Black \u0026amp; Gold Abstract Art | Gilded Silence — Kasian Art Studio\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade black and gold abstract artwork designed for luxury interiors and refined architectural spaces.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700\u0026amp;family=Playfair+Display:wght@400;500;600;700\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    :root {\n        --bg-dark: #0a0a0a;\n        --bg-secondary: #1a1a1a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --accent: #c9a227;\n        --accent-hover: #d4af3a;\n        --divider: rgba(201, 162, 39, 0.2);\n    }\n\n    body {\n        font-family: 'Montserrat', sans-serif;\n        background-color: var(--bg-dark);\n        color: var(--text-primary);\n        line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    \/* HEADER *\/\n    header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        background: rgba(10, 10, 10, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid rgba(201, 162, 39, 0.1);\n        padding: 1.5rem 5%;\n        transition: all 0.3s ease;\n    }\n\n    .header-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        font-weight: 600;\n        letter-spacing: 2px;\n        color: var(--accent);\n        text-decoration: none;\n        transition: all 0.3s ease;\n    }\n\n    .logo:hover {\n        color: var(--accent-hover);\n    }\n\n    nav a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        margin-left: 2.5rem;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n    }\n\n    nav a:hover {\n        color: var(--accent);\n    }\n\n    \/* HERO SECTION *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 8rem 5% 4rem;\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(180deg, #000000 0%, #0a0a0a 50%, #1a1a1a 100%);\n    }\n\n    \/* Horizontal gold shimmer effect *\/\n    .hero::before {\n        content: '';\n        position: absolute;\n        bottom: 30%;\n        left: -20%;\n        width: 140%;\n        height: 150px;\n        background: linear-gradient(90deg, \n            transparent 0%, \n            rgba(201, 162, 39, 0.03) 20%,\n            rgba(201, 162, 39, 0.08) 40%,\n            rgba(201, 162, 39, 0.12) 50%,\n            rgba(201, 162, 39, 0.08) 60%,\n            rgba(201, 162, 39, 0.03) 80%,\n            transparent 100%);\n        animation: goldShimmer 12s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes goldShimmer {\n        0%, 100% { \n            transform: translateX(0) scaleX(1);\n            opacity: 0.5;\n        }\n        50% { \n            transform: translateX(30px) scaleX(1.05);\n            opacity: 0.8;\n        }\n    }\n\n    \/* Floating gold particles *\/\n    .hero::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(201, 162, 39, 0.05) 0%, transparent 70%);\n        animation: goldPulse 10s ease-in-out infinite;\n        pointer-events: none;\n    }\n\n    @keyframes goldPulse {\n        0%, 100% { \n            transform: translate(-50%, -50%) scale(1);\n            opacity: 0.4;\n        }\n        50% { \n            transform: translate(-50%, -50%) scale(1.15);\n            opacity: 0.7;\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n        animation: fadeInUp 1.2s ease-out;\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(40px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .hero-subtitle {\n        font-size: 0.9rem;\n        letter-spacing: 4px;\n        color: var(--accent);\n        text-transform: uppercase;\n        margin-bottom: 1.5rem;\n        font-weight: 400;\n    }\n\n    .hero-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 4.5rem;\n        font-weight: 500;\n        line-height: 1.2;\n        margin-bottom: 1.5rem;\n        color: var(--text-primary);\n        letter-spacing: 2px;\n    }\n\n    .hero-tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        font-weight: 300;\n        font-style: italic;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    .cta-button {\n        display: inline-block;\n        padding: 1.2rem 3rem;\n        background: transparent;\n        color: var(--accent);\n        border: 2px solid var(--accent);\n        text-decoration: none;\n        font-size: 0.9rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        font-weight: 500;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: var(--accent);\n        transition: left 0.4s ease;\n        z-index: -1;\n    }\n\n    .cta-button:hover::before {\n        left: 0;\n    }\n\n    .cta-button:hover {\n        color: var(--bg-dark);\n    }\n\n    \/* SECTION STYLES *\/\n    section {\n        padding: 6rem 5%;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 500;\n        text-align: center;\n        margin-bottom: 3rem;\n        color: var(--text-primary);\n    }\n\n    .section-subtitle {\n        text-align: center;\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        max-width: 700px;\n        margin: 0 auto 4rem;\n        line-height: 1.8;\n    }\n\n    .divider {\n        width: 100px;\n        height: 2px;\n        background: var(--accent);\n        margin: 4rem auto;\n    }\n\n    \/* VIDEO SECTION *\/\n    .video-section {\n        background: var(--bg-secondary);\n        padding: 6rem 5%;\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--divider);\n        box-shadow: 0 20px 60px rgba(201, 162, 39, 0.2);\n    }\n\n    .video-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* DESCRIPTION SECTION *\/\n    .description-content {\n        max-width: 900px;\n        margin: 0 auto;\n        font-size: 1.1rem;\n        line-height: 2;\n        color: var(--text-secondary);\n    }\n\n    .description-content p {\n        margin-bottom: 1.5rem;\n    }\n\n    .description-highlight {\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n\n    \/* BACKSTORY SECTION *\/\n    .backstory-section {\n        background: var(--bg-secondary);\n    }\n\n    .backstory-content {\n        max-width: 800px;\n        margin: 0 auto;\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.6rem;\n        line-height: 2.5;\n        color: var(--accent);\n        font-style: italic;\n        text-align: center;\n    }\n\n    .backstory-content p {\n        margin-bottom: 2rem;\n    }\n\n    \/* FEATURES GRID *\/\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 2.5rem;\n        background: var(--bg-secondary);\n        border: 1px solid var(--divider);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-10px);\n        border-color: var(--accent);\n        box-shadow: 0 20px 40px rgba(201, 162, 39, 0.15);\n    }\n\n    .feature-icon {\n        font-size: 3rem;\n        color: var(--accent);\n        margin-bottom: 1.5rem;\n    }\n\n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .feature-description {\n        color: var(--text-secondary);\n        font-size: 0.95rem;\n        line-height: 1.8;\n    }\n\n    \/* EDITION DETAILS *\/\n    .edition-stats {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 2rem;\n        margin-top: 4rem;\n        padding: 3rem;\n        background: var(--bg-secondary);\n        border: 1px solid var(--divider);\n    }\n\n    .stat {\n        text-align: center;\n        padding: 2rem 1rem;\n        border-right: 1px solid var(--divider);\n    }\n\n    .stat:last-child {\n        border-right: none;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent);\n        margin-bottom: 0.5rem;\n        font-weight: 600;\n    }\n\n    .stat-label {\n        font-size: 0.9rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: var(--text-secondary);\n    }\n\n    \/* PAIRINGS SECTION *\/\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n        gap: 3rem;\n        margin-top: 4rem;\n    }\n\n    .pairing-card {\n        padding: 2.5rem;\n        background: var(--bg-secondary);\n        border: 1px solid var(--divider);\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent);\n        transform: translateY(-5px);\n    }\n\n    .pairing-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        margin-bottom: 1rem;\n        color: var(--text-primary);\n    }\n\n    .pairing-description {\n        color: var(--text-secondary);\n        line-height: 1.8;\n        font-size: 1rem;\n    }\n\n    \/* COLLECTION CTA *\/\n    .collection-cta {\n        background: linear-gradient(135deg, var(--bg-secondary) 0%, #0a0a0a 100%);\n        text-align: center;\n        padding: 6rem 5%;\n    }\n\n    .collection-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .collection-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* INVESTMENT SECTION *\/\n    .investment-section {\n        background: var(--bg-dark);\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 2rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        padding: 1rem 2rem;\n        background: var(--bg-secondary);\n        border: 1px solid var(--divider);\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent);\n        color: var(--accent);\n    }\n\n    \/* LUXURY BRANDS *\/\n    .luxury-brands {\n        background: var(--bg-secondary);\n        padding: 4rem 5%;\n        text-align: center;\n    }\n\n    .luxury-brands h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        margin-bottom: 2rem;\n        color: var(--text-secondary);\n        font-weight: 400;\n    }\n\n    .brand-list {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.8rem;\n        color: var(--accent);\n        letter-spacing: 3px;\n    }\n\n    \/* FINAL CTA *\/\n    .final-cta {\n        padding: 8rem 5%;\n        text-align: center;\n        background: linear-gradient(135deg, #0a0a0a 0%, var(--bg-secondary) 100%);\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* FOOTER *\/\n    footer {\n        background: var(--bg-dark);\n        padding: 4rem 5%;\n        border-top: 1px solid var(--divider);\n    }\n\n    .footer-content {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 3rem;\n    }\n\n    .footer-section h4 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        margin-bottom: 1.5rem;\n        color: var(--accent);\n    }\n\n    .footer-section p,\n    .footer-section a {\n        color: var(--text-secondary);\n        font-size: 0.9rem;\n        line-height: 2;\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .footer-section a:hover {\n        color: var(--accent);\n    }\n\n    .social-links {\n        display: flex;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n\n    .social-links a {\n        font-size: 1.5rem;\n        color: var(--text-secondary);\n        transition: all 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent);\n        transform: translateY(-3px);\n    }\n\n    .copyright {\n        text-align: center;\n        margin-top: 3rem;\n        padding-top: 2rem;\n        border-top: 1px solid var(--divider);\n        color: var(--text-secondary);\n        font-size: 0.85rem;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 768px) {\n        .hero-title {\n            font-size: 3rem;\n        }\n\n        .hero-tagline {\n            font-size: 1.3rem;\n        }\n\n        .section-title {\n            font-size: 2.5rem;\n        }\n\n        nav a {\n            margin-left: 1.5rem;\n            font-size: 0.8rem;\n        }\n\n        .features-grid,\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stats {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .stat {\n            border-right: none;\n            border-bottom: 1px solid var(--divider);\n        }\n\n        .stat:last-child {\n            border-bottom: none;\n        }\n    }\n\n    \/* SCROLL ANIMATIONS *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n\n```\n\u003c!-- HEADER --\u003e\n\u003cheader\u003e\n    \u003cdiv class=\"header-content\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n        \u003cnav\u003e\n            \u003ca href=\"#artwork\"\u003eArtwork\u003c\/a\u003e\n            \u003ca href=\"#details\"\u003eDetails\u003c\/a\u003e\n            \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"#inquire\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"hero\" id=\"artwork\"\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"hero-subtitle\"\u003eLimited Edition of 15\u003c\/div\u003e\n        \u003ch1 class=\"hero-title\"\u003eGilded Silence\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eWhere Power Rests\u003c\/p\u003e\n        \u003cp class=\"section-subtitle\"\u003eGold does not shine. It waits.\u003c\/p\u003e\n        \u003ca href=\"#inquire\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- VIDEO SECTION --\u003e\n\u003csection class=\"video-section\"\u003e\n    \u003cdiv class=\"video-container\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/tKnTZ3g_rxU?si=A5K9U3pF8Ea2cXxI\" title=\"Gilded Silence\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n        \u003c\/iframe\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- DESCRIPTION SECTION --\u003e\n\u003csection id=\"details\"\u003e\n    \u003ch2 class=\"section-title\"\u003eContrast Refined\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"description-content fade-in\"\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eGilded Silence is an exploration of contrast at its most refined\u003c\/span\u003e—absolute black meeting restrained gold in a composition that speaks to legacy, restraint, and quiet dominance.\u003c\/p\u003e\n        \u003cp\u003eThe upper field absorbs light, grounding the space in authority.\u003c\/p\u003e\n        \u003cp\u003eThe lower gold plane glows softly, not to impress—but to endure.\u003c\/p\u003e\n        \u003cp\u003eThis piece was created for interiors where excess is unnecessary and confidence is implied. It anchors luxury spaces with composure: \u003cspan class=\"description-highlight\"\u003eexecutive offices, Aman-style hotel corridors, private galleries, penthouses,\u003c\/span\u003e and architectural residences defined by intention rather than ornament.\u003c\/p\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eThis artwork does not decorate a room.\u003c\/span\u003e\u003c\/p\u003e\n        \u003cp\u003e\u003cspan class=\"description-highlight\"\u003eIt establishes hierarchy.\u003c\/span\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BACKSTORY SECTION --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eThe Language of Restraint\u003c\/h2\u003e\n    \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"backstory-content fade-in\"\u003e\n        \u003cp\u003eGold does not speak loudly.\u003c\/p\u003e\n        \u003cp\u003eIt waits for those who understand it.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MUSEUM-GRADE FEATURES --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eOnly 15 prints will ever exist. Each piece is numbered and authenticated, ensuring absolute exclusivity for collectors who value restrained luxury and timeless design.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eMuseum-grade materials ensure 100+ year longevity. Deep matte blacks and velvety gold depth are preserved through archival pigment inks on premium substrates.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e◆\u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eBlack and gold abstracts maintain exceptional demand in luxury markets. This piece is designed for private collections, galleries, and high-end hospitality environments.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EDITION DETAILS --\u003e\n\u003csection\u003e\n    \u003ch2 class=\"section-title\"\u003eEdition Details\u003c\/h2\u003e\n    \u003cdiv class=\"edition-stats fade-in\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e15\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Edition\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e2025\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eRelease Year\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e100+\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eYears Longevity\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e✓\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eCertificate Included\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CURATED PAIRINGS --\u003e\n\u003csection class=\"backstory-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eCurated Pairings\u003c\/h2\u003e\n    \u003cdiv class=\"section-subtitle\"\u003eTogether, these works form a signature Kasian black-and-gold collection designed for luxury hospitality and high-net-worth collectors.\u003c\/div\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eObsidian Drift\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eThe Weight of Quiet — A companion study in atmospheric depth and tonal complexity. Together with Gilded Silence, these pieces create a powerful narrative of darkness and restrained luxury.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairing-card fade-in\"\u003e\n            \u003ch3 class=\"pairing-title\"\u003eQuiet Authority\u003c\/h3\u003e\n            \u003cp class=\"pairing-description\"\u003eMonochrome Series — An exploration of power through minimal gesture. Paired with Gilded Silence, these works establish visual hierarchy for executive environments and luxury spaces.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COLLECTION CTA --\u003e\n\u003csection class=\"collection-cta\" id=\"collection\"\u003e\n    \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n    \u003cp\u003eDiscover more works from the Gold Noir Luxe Collection—pieces that celebrate the timeless elegance of black and gold, crafted for collectors who understand legacy.\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"cta-button\"\u003eView Full Collection\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- INVESTMENT SECTION --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003ch2 class=\"section-title\"\u003eDesigned for Legacy Spaces\u003c\/h2\u003e\n    \u003cdiv class=\"section-subtitle\"\u003eThis artwork is created for luxury interiors that value authority, balance, and timeless design over trend-driven ornament.\u003c\/div\u003e\n    \u003cdiv class=\"target-spaces fade-in\"\u003e\n        \u003cdiv class=\"space-tag\"\u003eExecutive Boardrooms\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eHotel Corridors\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003ePrivate Galleries\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003ePenthouse Living\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eArchitectural Foyers\u003c\/div\u003e\n        \u003cdiv class=\"space-tag\"\u003eLuxury Suites\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- LUXURY BRANDS --\u003e\n\u003csection class=\"luxury-brands\"\u003e\n    \u003ch3\u003eTrusted by Leading Luxury Brands\u003c\/h3\u003e\n    \u003cdiv class=\"brand-list\"\u003eAman • Four Seasons • St. Regis • Ritz-Carlton Reserve\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"final-cta\" id=\"inquire\"\u003e\n    \u003ch2\u003eBegin Your Acquisition\u003c\/h2\u003e\n    \u003cp\u003eFor pricing, framing consultations for black and gold abstracts, or installation guidance, contact our curatorial team.\u003c\/p\u003e\n    \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003ekristina@kasianartstudio.com\u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003cdiv class=\"footer-section\"\u003e\n            \u003ch4\u003eKasian Art Studio\u003c\/h4\u003e\n            \u003cp\u003eMuseum-grade fine art for luxury interiors, private collectors, and hospitality brands.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"footer-section\"\u003e\n            \u003ch4\u003eQuick Links\u003c\/h4\u003e\n            \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eAll Collections\u003c\/a\u003e\u003c\/p\u003e\n            \u003cp\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/p\u003e\n            \u003cp\u003e\u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"footer-section\"\u003e\n            \u003ch4\u003eConnect\u003c\/h4\u003e\n            \u003cdiv class=\"social-links\"\u003e\n                \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n                \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"copyright\"\u003e\n        \u003cp\u003e© 2025 Kasian Art Studio. All rights reserved.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- SCROLL ANIMATIONS SCRIPT --\u003e\n\u003cscript\u003e\n    \/\/ Smooth scroll for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n\n    \/\/ Fade-in animation on scroll\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n        entries.forEach(entry =\u003e {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-in').forEach(el =\u003e {\n        observer.observe(el);\n    });\n\n    \/\/ Header background on scroll\n    window.addEventListener('scroll', () =\u003e {\n        const header = document.querySelector('header');\n        if (window.scrollY \u003e 100) {\n            header.style.background = 'rgba(10, 10, 10, 0.98)';\n        } else {\n            header.style.background = 'rgba(10, 10, 10, 0.95)';\n        }\n    });\n\u003c\/script\u003e\n```\n\n\n\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":46077019422885,"sku":"2728328_16039","price":9174.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":46077019455653,"sku":"2728328_16045","price":9174.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":46077019488421,"sku":"2728328_15700","price":9174.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/FE351797-4358-497E-8251-A55CD09D941E.png?v=1764773551"},{"product_id":"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":"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":"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":"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":"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":"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":"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":"obsidian-ascension","title":"Obsidian Ascension — Limited Edition Gold \u0026 Smoke Abstract","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\u003eObsidian Ascension | Black \u0026amp; Gold Luxury Abstract Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade black and gold abstract artwork with architectural geometry and ethereal movement. Designed for luxury interiors and collectors.\"\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:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        :root {\n            --bg-primary: #0a0a0a;\n            --bg-secondary: #111111;\n            --bg-tertiary: #1a1a1a;\n            --text-primary: #f5f5f5;\n            --text-secondary: #a0a0a0;\n            --text-muted: #666666;\n            --accent-gold: #c9a227;\n            --accent-gold-light: #d4b84a;\n            --accent-gold-dark: #a68419;\n            --border-subtle: rgba(201, 162, 39, 0.15);\n            --border-medium: rgba(201, 162, 39, 0.3);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Cormorant Garamond', Georgia, serif;\n            background-color: var(--bg-primary);\n            color: var(--text-primary);\n            line-height: 1.7;\n            overflow-x: hidden;\n        }\n\n        \/* Scrollbar Styling *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: var(--bg-primary);\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: var(--accent-gold-dark);\n            border-radius: 4px;\n        }\n\n        ::-webkit-scrollbar-thumb:hover {\n            background: var(--accent-gold);\n        }\n\n        \/* Header *\/\n        .header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            padding: 1.5rem 4rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: linear-gradient(to bottom, rgba(10, 10, 10, 0.95), transparent);\n            transition: background 0.4s ease;\n        }\n\n        .header.scrolled {\n            background: rgba(10, 10, 10, 0.98);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid var(--border-subtle);\n        }\n\n        .logo {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.4rem;\n            font-weight: 500;\n            letter-spacing: 0.15em;\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: 3rem;\n        }\n\n        .nav a {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 0.95rem;\n            font-weight: 400;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            color: var(--text-secondary);\n            text-decoration: none;\n            transition: color 0.3s ease;\n            position: relative;\n        }\n\n        .nav a::after {\n            content: '';\n            position: absolute;\n            bottom: -4px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background: var(--accent-gold);\n            transition: width 0.3s ease;\n        }\n\n        .nav a:hover {\n            color: var(--accent-gold);\n        }\n\n        .nav a:hover::after {\n            width: 100%;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            padding: 8rem 2rem 4rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \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.02) 0%, transparent 50%);\n            pointer-events: none;\n        }\n\n        \/* Smoke Animation *\/\n        .smoke-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: hidden;\n            pointer-events: none;\n        }\n\n        .smoke {\n            position: absolute;\n            width: 200px;\n            height: 200px;\n            border-radius: 50%;\n            filter: blur(60px);\n            opacity: 0.15;\n            animation: smokeRise 20s ease-in-out infinite;\n        }\n\n        .smoke-1 {\n            left: 10%;\n            bottom: -100px;\n            background: var(--accent-gold);\n            animation-delay: 0s;\n        }\n\n        .smoke-2 {\n            left: 30%;\n            bottom: -100px;\n            background: rgba(201, 162, 39, 0.5);\n            animation-delay: 5s;\n            width: 150px;\n            height: 150px;\n        }\n\n        .smoke-3 {\n            right: 20%;\n            bottom: -100px;\n            background: var(--accent-gold);\n            animation-delay: 10s;\n        }\n\n        .smoke-4 {\n            right: 40%;\n            bottom: -100px;\n            background: rgba(255, 255, 255, 0.3);\n            animation-delay: 15s;\n            width: 180px;\n            height: 180px;\n        }\n\n        @keyframes smokeRise {\n            0% {\n                transform: translateY(0) scale(1);\n                opacity: 0;\n            }\n            10% {\n                opacity: 0.15;\n            }\n            50% {\n                opacity: 0.1;\n            }\n            100% {\n                transform: translateY(-100vh) scale(2);\n                opacity: 0;\n            }\n        }\n\n        \/* Fracture Lines Animation *\/\n        .fracture-lines {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: hidden;\n            pointer-events: none;\n        }\n\n        .fracture-line {\n            position: absolute;\n            background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n            height: 1px;\n            opacity: 0;\n            animation: fracturePulse 8s ease-in-out infinite;\n        }\n\n        .fracture-line-1 {\n            top: 20%;\n            left: -10%;\n            width: 40%;\n            transform: rotate(-15deg);\n            animation-delay: 0s;\n        }\n\n        .fracture-line-2 {\n            top: 40%;\n            right: -10%;\n            width: 35%;\n            transform: rotate(10deg);\n            animation-delay: 2s;\n        }\n\n        .fracture-line-3 {\n            bottom: 30%;\n            left: 20%;\n            width: 30%;\n            transform: rotate(-5deg);\n            animation-delay: 4s;\n        }\n\n        .fracture-line-4 {\n            top: 60%;\n            right: 15%;\n            width: 25%;\n            transform: rotate(20deg);\n            animation-delay: 6s;\n        }\n\n        @keyframes fracturePulse {\n            0%, 100% {\n                opacity: 0;\n                transform: scaleX(0.5) rotate(var(--rotation, 0deg));\n            }\n            50% {\n                opacity: 0.4;\n                transform: scaleX(1) rotate(var(--rotation, 0deg));\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        .edition-badge {\n            display: inline-block;\n            font-size: 0.75rem;\n            font-weight: 500;\n            letter-spacing: 0.3em;\n            text-transform: uppercase;\n            color: var(--accent-gold);\n            border: 1px solid var(--border-medium);\n            padding: 0.6rem 1.8rem;\n            margin-bottom: 2.5rem;\n            animation: fadeInUp 1.2s ease-out 0.2s backwards;\n        }\n\n        .hero-title {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(3rem, 8vw, 6rem);\n            font-weight: 400;\n            letter-spacing: 0.08em;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n            animation: fadeInUp 1.2s ease-out 0.4s backwards;\n        }\n\n        .hero-title span {\n            display: block;\n            font-style: italic;\n            color: var(--accent-gold);\n        }\n\n        .tagline {\n            font-size: 1.1rem;\n            font-weight: 300;\n            letter-spacing: 0.25em;\n            text-transform: uppercase;\n            color: var(--text-secondary);\n            margin-bottom: 3rem;\n            animation: fadeInUp 1.2s ease-out 0.6s backwards;\n        }\n\n        .cta-button {\n            display: inline-block;\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 0.9rem;\n            font-weight: 500;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: var(--bg-primary);\n            background: var(--accent-gold);\n            padding: 1.2rem 3rem;\n            text-decoration: none;\n            transition: all 0.4s ease;\n            animation: fadeInUp 1.2s ease-out 0.8s backwards;\n        }\n\n        .cta-button:hover {\n            background: var(--accent-gold-light);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 40px 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            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 0.8rem;\n            animation: fadeInUp 1.2s ease-out 1s backwards;\n        }\n\n        .scroll-indicator span {\n            font-size: 0.7rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: var(--text-muted);\n        }\n\n        .scroll-line {\n            width: 1px;\n            height: 50px;\n            background: linear-gradient(to bottom, var(--accent-gold), transparent);\n            animation: scrollPulse 2s ease-in-out infinite;\n        }\n\n        @keyframes scrollPulse {\n            0%, 100% {\n                opacity: 0.3;\n                transform: scaleY(0.8);\n            }\n            50% {\n                opacity: 1;\n                transform: scaleY(1);\n            }\n        }\n\n        \/* Section Styling *\/\n        section {\n            padding: 8rem 4rem;\n        }\n\n        .section-title {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 400;\n            letter-spacing: 0.05em;\n            text-align: center;\n            margin-bottom: 1rem;\n        }\n\n        .section-subtitle {\n            font-size: 1rem;\n            font-weight: 300;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--text-secondary);\n            text-align: center;\n            margin-bottom: 4rem;\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 4rem;\n        }\n\n        .video-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        .video-wrapper {\n            position: relative;\n            padding-bottom: 56.25%;\n            height: 0;\n            overflow: hidden;\n            border: 1px solid var(--border-subtle);\n        }\n\n        .video-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        .video-caption {\n            text-align: center;\n            margin-top: 2rem;\n            font-style: italic;\n            color: var(--text-secondary);\n            font-size: 1.1rem;\n        }\n\n        \/* Description Section *\/\n        .description-section {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .description-text {\n            font-size: 1.3rem;\n            line-height: 2;\n            color: var(--text-secondary);\n        }\n\n        .description-text strong {\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: 900px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 2fr;\n            gap: 4rem;\n            align-items: start;\n        }\n\n        .backstory-label {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.5rem;\n            font-style: italic;\n            color: var(--accent-gold);\n            padding-top: 0.5rem;\n            border-top: 1px solid var(--border-medium);\n        }\n\n        .backstory-text {\n            font-size: 1.15rem;\n            line-height: 2;\n            color: var(--text-secondary);\n        }\n\n        .backstory-text p {\n            margin-bottom: 1.5rem;\n        }\n\n        .backstory-text p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Features Grid *\/\n        .features-section {\n            background: var(--bg-primary);\n        }\n\n        .features-grid {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 3rem;\n        }\n\n        .feature-card {\n            text-align: center;\n            padding: 3rem 2rem;\n            border: 1px solid var(--border-subtle);\n            transition: all 0.4s ease;\n        }\n\n        .feature-card:hover {\n            border-color: var(--accent-gold);\n            transform: translateY(-5px);\n        }\n\n        .feature-icon {\n            width: 60px;\n            height: 60px;\n            margin: 0 auto 1.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .feature-icon svg {\n            width: 40px;\n            height: 40px;\n            stroke: var(--accent-gold);\n            fill: none;\n            stroke-width: 1;\n        }\n\n        .feature-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.3rem;\n            font-weight: 400;\n            margin-bottom: 1rem;\n            letter-spacing: 0.05em;\n        }\n\n        .feature-text {\n            font-size: 1rem;\n            line-height: 1.8;\n            color: var(--text-secondary);\n        }\n\n        \/* Edition Stats *\/\n        .stats-section {\n            background: var(--bg-tertiary);\n            padding: 5rem 4rem;\n        }\n\n        .stats-grid {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 2rem;\n            text-align: center;\n        }\n\n        .stat-item {\n            padding: 2rem 1rem;\n            border-left: 1px solid var(--border-subtle);\n        }\n\n        .stat-item:first-child {\n            border-left: none;\n        }\n\n        .stat-value {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.5rem;\n            font-weight: 400;\n            color: var(--accent-gold);\n            margin-bottom: 0.5rem;\n        }\n\n        .stat-label {\n            font-size: 0.85rem;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--text-secondary);\n        }\n\n        \/* Pairings Section *\/\n        .pairings-section {\n            background: var(--bg-secondary);\n        }\n\n        .pairings-grid {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 3rem;\n        }\n\n        .pairing-card {\n            padding: 2.5rem;\n            border: 1px solid var(--border-subtle);\n            transition: all 0.4s ease;\n        }\n\n        .pairing-card:hover {\n            border-color: var(--accent-gold);\n        }\n\n        .pairing-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.4rem;\n            font-weight: 400;\n            margin-bottom: 0.8rem;\n            color: var(--text-primary);\n        }\n\n        .pairing-description {\n            font-size: 1rem;\n            color: var(--text-secondary);\n            line-height: 1.7;\n        }\n\n        \/* Collection CTA *\/\n        .collection-section {\n            text-align: center;\n            padding: 6rem 4rem;\n            background: linear-gradient(to bottom, var(--bg-primary), var(--bg-secondary));\n        }\n\n        .collection-label {\n            font-size: 0.8rem;\n            letter-spacing: 0.25em;\n            text-transform: uppercase;\n            color: var(--text-muted);\n            margin-bottom: 1rem;\n        }\n\n        .collection-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            font-weight: 400;\n            margin-bottom: 2rem;\n        }\n\n        .collection-link {\n            display: inline-block;\n            font-size: 0.9rem;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            color: var(--accent-gold);\n            text-decoration: none;\n            padding-bottom: 0.3rem;\n            border-bottom: 1px solid var(--accent-gold);\n            transition: all 0.3s ease;\n        }\n\n        .collection-link:hover {\n            color: var(--accent-gold-light);\n            border-color: var(--accent-gold-light);\n        }\n\n        \/* Investment Section *\/\n        .investment-section {\n            background: var(--bg-primary);\n        }\n\n        .investment-content {\n            max-width: 1000px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .investment-text {\n            font-size: 1.2rem;\n            line-height: 1.9;\n            color: var(--text-secondary);\n            margin-bottom: 3rem;\n        }\n\n        .spaces-title {\n            font-size: 0.85rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: var(--text-muted);\n            margin-bottom: 1.5rem;\n        }\n\n        .spaces-list {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 1rem 3rem;\n            font-family: 'Playfair Display', serif;\n            font-size: 1.1rem;\n            font-style: italic;\n            color: var(--text-secondary);\n        }\n\n        \/* Luxury Brands Strip *\/\n        .brands-section {\n            background: var(--bg-tertiary);\n            padding: 4rem;\n            text-align: center;\n        }\n\n        .brands-label {\n            font-size: 0.75rem;\n            letter-spacing: 0.25em;\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.2rem;\n            font-weight: 400;\n            letter-spacing: 0.1em;\n            color: var(--text-secondary);\n        }\n\n        .brands-list span {\n            margin: 0 1.5rem;\n            opacity: 0.6;\n        }\n\n        \/* Final CTA *\/\n        .final-cta {\n            background: linear-gradient(to bottom, var(--bg-secondary), var(--bg-primary));\n            text-align: center;\n            padding: 8rem 4rem;\n        }\n\n        .final-cta .section-title {\n            margin-bottom: 1.5rem;\n        }\n\n        .final-cta .tagline {\n            margin-bottom: 3rem;\n        }\n\n        .inquiry-button {\n            display: inline-block;\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 0.9rem;\n            font-weight: 500;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            color: var(--accent-gold);\n            background: transparent;\n            padding: 1.2rem 3rem;\n            text-decoration: none;\n            border: 1px solid var(--accent-gold);\n            transition: all 0.4s ease;\n        }\n\n        .inquiry-button:hover {\n            background: var(--accent-gold);\n            color: var(--bg-primary);\n        }\n\n        \/* Footer *\/\n        .footer {\n            background: var(--bg-primary);\n            padding: 4rem;\n            text-align: center;\n            border-top: 1px solid var(--border-subtle);\n        }\n\n        .footer-logo {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.2rem;\n            font-weight: 500;\n            letter-spacing: 0.15em;\n            color: var(--text-primary);\n            margin-bottom: 2rem;\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.85rem;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            transition: color 0.3s ease;\n        }\n\n        .social-links a:hover {\n            color: var(--accent-gold);\n        }\n\n        .copyright {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            letter-spacing: 0.1em;\n        }\n\n        \/* Animations on Scroll *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease, transform 0.8s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .header {\n                padding: 1.2rem 2rem;\n            }\n\n            section {\n                padding: 5rem 2rem;\n            }\n\n            .features-grid {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n\n            .backstory-content {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .stat-item {\n                border-left: none;\n                border-top: 1px solid var(--border-subtle);\n            }\n\n            .stat-item:nth-child(-n+2) {\n                border-top: none;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .header {\n                flex-direction: column;\n                gap: 1rem;\n                padding: 1rem;\n            }\n\n            .nav {\n                gap: 1.5rem;\n            }\n\n            .nav a {\n                font-size: 0.8rem;\n            }\n\n            .hero {\n                padding: 7rem 1.5rem 3rem;\n            }\n\n            .pairings-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .stats-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .stat-item {\n                border-top: 1px solid var(--border-subtle);\n            }\n\n            .stat-item:first-child {\n                border-top: none;\n            }\n\n            .spaces-list {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n\n            .brands-list span {\n                display: block;\n                margin: 0.5rem 0;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader class=\"header\" id=\"header\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\"\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=\"smoke-container\"\u003e\n            \u003cdiv class=\"smoke smoke-1\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"smoke smoke-2\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"smoke smoke-3\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"smoke smoke-4\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fracture-lines\"\u003e\n            \u003cdiv class=\"fracture-line fracture-line-1\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"fracture-line fracture-line-2\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"fracture-line fracture-line-3\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"fracture-line fracture-line-4\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cdiv class=\"edition-badge\"\u003eLimited Edition — Hand-Numbered\u003c\/div\u003e\n            \u003ch1 class=\"hero-title\"\u003eObsidian\u003cspan\u003eAscension\u003c\/span\u003e\n\u003c\/h1\u003e\n            \u003cp class=\"tagline\"\u003eMoody · Elegant · Timeless\u003c\/p\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry%3A%20Obsidian%20Ascension\" class=\"cta-button\"\u003eInquire About This Piece\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"scroll-indicator\"\u003e\n            \u003cspan\u003eDiscover\u003c\/span\u003e\n            \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\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 fade-in\"\u003e\n            \u003cdiv class=\"video-wrapper\"\u003e\n                \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/h2Jz20SYpT4?rel=0\u0026amp;modestbranding=1\" title=\"Obsidian 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            \u003cp class=\"video-caption\"\u003eExperience the artwork in motion\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Description Section --\u003e\n    \u003csection class=\"description-section fade-in\"\u003e\n        \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            A convergence of shadow, structure, and breath. \u003cstrong\u003eObsidian Ascension\u003c\/strong\u003e captures quiet power through fractured geometry and drifting smoke, suspended in gold. Crafted as a museum-grade abstract for commanding luxury interiors and discerning fine art collectors.\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 fade-in\"\u003e\n            \u003cdiv class=\"backstory-label\"\u003eThe Vision\u003c\/div\u003e\n            \u003cdiv class=\"backstory-text\"\u003e\n                \u003cp\u003eObsidian Ascension was created as a study of power without noise. Inspired by modern architecture, shadowed corridors, and the slow rise of ambition, the work explores how permanence and motion coexist.\u003c\/p\u003e\n                \u003cp\u003eThe smoke suggests transition; the gold structure remains unmoved. Together, they form a quiet monument to elevation.\u003c\/p\u003e\n                \u003cp\u003eDeep obsidian black grounds the work, while fractured architectural lines in luminous gold carve through the darkness with deliberate precision. Ethereal smoke drifts upward — soft, transient, and unresolved — creating tension between permanence and impermanence.\u003c\/p\u003e\n                \u003cp\u003eThe composition evokes ascent without declaration. It speaks to ambition, transformation, and control — qualities felt rather than announced.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Features Grid --\u003e\n    \u003csection class=\"features-section\"\u003e\n        \u003ch2 class=\"section-title fade-in\"\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eCrafted for Collectors Who Understand Restraint as Sophistication\u003c\/p\u003e\n        \u003cdiv class=\"features-grid\"\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e\n                    \u003csvg viewbox=\"0 0 24 24\"\u003e\n                        \u003cpath d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n                \u003cp class=\"feature-text\"\u003eEach print is hand-numbered within a strictly limited edition. No additional prints will ever be produced, ensuring lasting exclusivity and collectible value.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e\n                    \u003csvg viewbox=\"0 0 24 24\"\u003e\n                        \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n                        \u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n                \u003cp class=\"feature-text\"\u003eMuseum-grade archival pigment print with gold-leaf detailing on premium substrates. Engineered to maintain tonal depth and luminosity for over 100 years under proper display conditions.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e\n                    \u003csvg viewbox=\"0 0 24 24\"\u003e\n                        \u003cpath d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\u003e\u003c\/path\u003e\n                        \u003cpolyline points=\"22 4 12 14.01 9 11.01\"\u003e\u003c\/polyline\u003e\n                    \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n                \u003cp class=\"feature-text\"\u003eDramatic architectural abstracts maintain strong demand among collectors and design professionals. Includes Certificate of Authenticity and collector provenance for future resale value.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Edition Stats --\u003e\n    \u003csection class=\"stats-section\"\u003e\n        \u003cdiv class=\"stats-grid fade-in\"\u003e\n            \u003cdiv class=\"stat-item\"\u003e\n                \u003cdiv class=\"stat-value\"\u003eLtd.\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stat-item\"\u003e\n                \u003cdiv class=\"stat-value\"\u003e2026\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eYear of Release\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stat-item\"\u003e\n                \u003cdiv class=\"stat-value\"\u003e100+\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eYear Archival Rating\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"stat-item\"\u003e\n                \u003cdiv class=\"stat-value\"\u003eCOA\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eAuthenticity Included\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 fade-in\"\u003eCurated Pairings\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eArtworks That Share This Vision\u003c\/p\u003e\n        \u003cdiv class=\"pairings-grid\"\u003e\n            \u003cdiv class=\"pairing-card fade-in\"\u003e\n                \u003ch3 class=\"pairing-title\"\u003eVelvet Vice\u003c\/h3\u003e\n                \u003cp class=\"pairing-description\"\u003eBold restraint meets sensual mystery — a commanding figurative piece in deep obsidian and gold that echoes the architectural drama of Obsidian Ascension.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card fade-in\"\u003e\n                \u003ch3 class=\"pairing-title\"\u003eSilver Reverie\u003c\/h3\u003e\n                \u003cp class=\"pairing-description\"\u003eEthereal elegance in silver and shadow — a contemplative companion piece that balances luminous restraint with atmospheric depth.\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-section fade-in\"\u003e\n        \u003cp class=\"collection-label\"\u003eExplore the Collection\u003c\/p\u003e\n        \u003ch2 class=\"collection-title\"\u003eGold Noir Luxe Collection\u003c\/h2\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"collection-link\"\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 fade-in\"\u003e\n            \u003ch2 class=\"section-title\"\u003eInvestment-Grade Art\u003c\/h2\u003e\n            \u003cp class=\"section-subtitle\"\u003ePositioned for Presence\u003c\/p\u003e\n            \u003cp class=\"investment-text\"\u003e\n                Obsidian Ascension is not ornamental art — it is architectural, intentional, and enduring. Gold leaf accents appear embedded within the structure, catching light subtly and shifting as the viewer moves through the space. This is art that commands authority while maintaining refined restraint.\n            \u003c\/p\u003e\n            \u003cp class=\"spaces-title\"\u003eDesigned For\u003c\/p\u003e\n            \u003cdiv class=\"spaces-list\"\u003e\n                \u003cspan\u003eExecutive Offices\u003c\/span\u003e\n                \u003cspan\u003ePenthouse Living Rooms\u003c\/span\u003e\n                \u003cspan\u003eBoutique Hotel Lobbies\u003c\/span\u003e\n                \u003cspan\u003ePrivate Collector Walls\u003c\/span\u003e\n                \u003cspan\u003eStatement Entryways\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Luxury Brands Strip --\u003e\n    \u003csection class=\"brands-section\"\u003e\n        \u003cp class=\"brands-label\"\u003eTrusted by the World's Finest Hospitality Brands\u003c\/p\u003e\n        \u003cdiv class=\"brands-list\"\u003e\n            Aman\u003cspan\u003e•\u003c\/span\u003eFour Seasons\u003cspan\u003e•\u003c\/span\u003eSt. Regis\u003cspan\u003e•\u003c\/span\u003eRitz-Carlton Reserve\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Final CTA --\u003e\n    \u003csection class=\"final-cta\"\u003e\n        \u003ch2 class=\"section-title\"\u003eBegin Your Collection\u003c\/h2\u003e\n        \u003cp class=\"tagline\"\u003eMoody · Elegant · Timeless\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry%3A%20Obsidian%20Ascension\" class=\"inquiry-button\"\u003eRequest Private Viewing\u003c\/a\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Footer --\u003e\n    \u003cfooter class=\"footer\"\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\" rel=\"noopener\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\" rel=\"noopener\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.youtube.com\/@kasianartstudio\" target=\"_blank\" rel=\"noopener\"\u003eYouTube\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"copyright\"\u003e© 2026 Kasian Art Studio, L.L.C. All Rights Reserved.\u003c\/p\u003e\n    \u003c\/footer\u003e\n\n    \u003cscript\u003e\n        \/\/ Header scroll effect\n        const header = document.getElementById('header');\n        window.addEventListener('scroll', () =\u003e {\n            if (window.scrollY \u003e 100) {\n                header.classList.add('scrolled');\n            } else {\n                header.classList.remove('scrolled');\n            }\n        });\n\n        \/\/ Fade-in on scroll\n        const fadeElements = document.querySelectorAll('.fade-in');\n        \n        const observerOptions = {\n            root: null,\n            rootMargin: '0px',\n            threshold: 0.15\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                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        fadeElements.forEach(element =\u003e {\n            observer.observe(element);\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\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":47458617196709,"sku":"3394588_16039","price":10764.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47458617229477,"sku":"3394588_16045","price":10764.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47458617262245,"sku":"3394588_15700","price":10764.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/7385BE3A-0F57-4E10-8E07-602A854C00CF.png?v=1769892166"},{"product_id":"nocturne-in-gold","title":"Nocturne in Gold — Limited Edition Abstract Canvas","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 in Gold | Black \u0026amp; Gold Luxury Abstract Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade black and gold abstract artwork with fluid movement and restrained metallic detail. Designed for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    :root {\n        --bg-primary: #0a0a0a;\n        --bg-secondary: #111111;\n        --bg-tertiary: #1a1a1a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a0a0a0;\n        --text-muted: #666666;\n        --accent-gold: #c9a227;\n        --accent-gold-light: #d4b847;\n        --accent-gold-dark: #a68520;\n        --border-subtle: rgba(201, 162, 39, 0.15);\n        --border-medium: rgba(201, 162, 39, 0.3);\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    body {\n        font-family: 'Cormorant Garamond', Georgia, serif;\n        background-color: var(--bg-primary);\n        color: var(--text-primary);\n        line-height: 1.7;\n        overflow-x: hidden;\n    }\n\n    \/* Utility Classes *\/\n    .container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 5%;\n    }\n\n    .section-padding {\n        padding: 120px 0;\n    }\n\n    \/* Typography *\/\n    h1, h2, h3, h4 {\n        font-family: 'Playfair Display', Georgia, serif;\n        font-weight: 400;\n        letter-spacing: 0.02em;\n    }\n\n    \/* Header *\/\n    .header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        padding: 25px 5%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: linear-gradient(to bottom, rgba(10, 10, 10, 0.95), transparent);\n        transition: background 0.4s ease, padding 0.4s ease;\n    }\n\n    .header.scrolled {\n        background: rgba(10, 10, 10, 0.98);\n        padding: 18px 5%;\n        backdrop-filter: blur(20px);\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        letter-spacing: 0.15em;\n        color: var(--text-primary);\n        text-decoration: none;\n        text-transform: uppercase;\n    }\n\n    .logo span {\n        color: var(--accent-gold);\n    }\n\n    .nav {\n        display: flex;\n        gap: 45px;\n    }\n\n    .nav a {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 0.95rem;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        text-decoration: none;\n        transition: color 0.3s ease;\n        position: relative;\n    }\n\n    .nav a::after {\n        content: '';\n        position: absolute;\n        bottom: -5px;\n        left: 0;\n        width: 0;\n        height: 1px;\n        background: var(--accent-gold);\n        transition: width 0.3s ease;\n    }\n\n    .nav a:hover {\n        color: var(--accent-gold);\n    }\n\n    .nav a:hover::after {\n        width: 100%;\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        inset: 0;\n        background: \n            radial-gradient(ellipse 80% 50% at 50% 50%, rgba(201, 162, 39, 0.03) 0%, transparent 70%),\n            radial-gradient(ellipse 60% 80% at 20% 80%, rgba(201, 162, 39, 0.02) 0%, transparent 50%),\n            radial-gradient(ellipse 60% 80% at 80% 20%, rgba(201, 162, 39, 0.02) 0%, transparent 50%);\n        z-index: 0;\n    }\n\n    \/* Smoke wisps animation *\/\n    .smoke-container {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n        z-index: 1;\n        opacity: 0.4;\n    }\n\n    .smoke {\n        position: absolute;\n        width: 300px;\n        height: 300px;\n        border-radius: 50%;\n        filter: blur(80px);\n        animation: smoke-drift 20s ease-in-out infinite;\n    }\n\n    .smoke-1 {\n        background: radial-gradient(circle, rgba(201, 162, 39, 0.15) 0%, transparent 70%);\n        top: 20%;\n        left: 10%;\n        animation-delay: 0s;\n    }\n\n    .smoke-2 {\n        background: radial-gradient(circle, rgba(201, 162, 39, 0.1) 0%, transparent 70%);\n        top: 60%;\n        right: 15%;\n        animation-delay: -7s;\n        width: 400px;\n        height: 400px;\n    }\n\n    .smoke-3 {\n        background: radial-gradient(circle, rgba(201, 162, 39, 0.08) 0%, transparent 70%);\n        bottom: 10%;\n        left: 40%;\n        animation-delay: -14s;\n        width: 350px;\n        height: 350px;\n    }\n\n    @keyframes smoke-drift {\n        0%, 100% {\n            transform: translate(0, 0) scale(1);\n            opacity: 0.3;\n        }\n        25% {\n            transform: translate(30px, -20px) scale(1.1);\n            opacity: 0.5;\n        }\n        50% {\n            transform: translate(-20px, 30px) scale(0.9);\n            opacity: 0.4;\n        }\n        75% {\n            transform: translate(20px, 20px) scale(1.05);\n            opacity: 0.35;\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        padding: 0 20px;\n    }\n\n    .hero-edition {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 0.85rem;\n        letter-spacing: 0.3em;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        margin-bottom: 30px;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.3s;\n    }\n\n    .hero-title {\n        font-size: clamp(3rem, 8vw, 6.5rem);\n        font-weight: 400;\n        line-height: 1.1;\n        margin-bottom: 25px;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.5s;\n    }\n\n    .hero-title span {\n        display: block;\n        color: var(--accent-gold);\n        font-style: italic;\n    }\n\n    .hero-tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        margin-bottom: 50px;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.7s;\n    }\n\n    .hero-cta {\n        display: inline-block;\n        padding: 18px 50px;\n        border: 1px solid var(--accent-gold);\n        color: var(--accent-gold);\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 0.9rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        text-decoration: none;\n        transition: all 0.4s ease;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.9s;\n    }\n\n    .hero-cta:hover {\n        background: var(--accent-gold);\n        color: var(--bg-primary);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 40px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 10px;\n        opacity: 0;\n        animation: fadeIn 1s ease forwards 1.2s;\n    }\n\n    .scroll-indicator span {\n        font-size: 0.7rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n    }\n\n    .scroll-line {\n        width: 1px;\n        height: 60px;\n        background: linear-gradient(to bottom, var(--accent-gold), transparent);\n        animation: scrollPulse 2s ease-in-out infinite;\n    }\n\n    @keyframes scrollPulse {\n        0%, 100% { opacity: 0.3; height: 60px; }\n        50% { opacity: 1; height: 80px; }\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        background: var(--bg-secondary);\n        padding: 100px 0;\n    }\n\n    .video-wrapper {\n        max-width: 1100px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .video-frame {\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-subtle);\n    }\n\n    .video-frame iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .video-caption {\n        text-align: center;\n        margin-top: 30px;\n        font-size: 0.9rem;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 140px 0;\n    }\n\n    .description-content {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .section-divider {\n        width: 80px;\n        height: 1px;\n        background: linear-gradient(to right, transparent, var(--accent-gold), transparent);\n        margin: 0 auto 50px;\n    }\n\n    .description-text {\n        font-size: 1.4rem;\n        line-height: 1.9;\n        color: var(--text-secondary);\n    }\n\n    .description-text strong {\n        color: var(--text-primary);\n        font-weight: 500;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        background: var(--bg-secondary);\n        padding: 140px 0;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .backstory-section::before {\n        content: '\"';\n        position: absolute;\n        top: 60px;\n        left: 10%;\n        font-family: 'Playfair Display', serif;\n        font-size: 20rem;\n        color: rgba(201, 162, 39, 0.03);\n        line-height: 1;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }\n\n    .backstory-label {\n        font-size: 0.8rem;\n        letter-spacing: 0.3em;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        margin-bottom: 40px;\n        text-align: center;\n    }\n\n    .backstory-text {\n        font-size: 1.5rem;\n        font-style: italic;\n        line-height: 2;\n        color: var(--text-secondary);\n        text-align: center;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 140px 0;\n    }\n\n    .section-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .section-header h2 {\n        font-size: 2.5rem;\n        margin-bottom: 20px;\n    }\n\n    .section-header p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px;\n    }\n\n    .feature-card {\n        padding: 50px 40px;\n        background: var(--bg-secondary);\n        border: 1px solid var(--border-subtle);\n        transition: all 0.4s ease;\n        text-align: center;\n    }\n\n    .feature-card:hover {\n        border-color: var(--border-medium);\n        transform: translateY(-5px);\n    }\n\n    .feature-icon {\n        width: 50px;\n        height: 50px;\n        margin: 0 auto 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .feature-icon svg {\n        width: 100%;\n        height: 100%;\n        stroke: var(--accent-gold);\n        fill: none;\n        stroke-width: 1;\n    }\n\n    .feature-card h3 {\n        font-size: 1.3rem;\n        margin-bottom: 15px;\n        color: var(--text-primary);\n    }\n\n    .feature-card p {\n        font-size: 1rem;\n        color: var(--text-secondary);\n        line-height: 1.7;\n    }\n\n    \/* Edition Stats *\/\n    .edition-section {\n        background: var(--bg-tertiary);\n        padding: 100px 0;\n    }\n\n    .edition-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 30px;\n        text-align: center;\n    }\n\n    .edition-stat {\n        padding: 40px 20px;\n        border-left: 1px solid var(--border-subtle);\n    }\n\n    .edition-stat:first-child {\n        border-left: none;\n    }\n\n    .stat-value {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        color: var(--accent-gold);\n        margin-bottom: 10px;\n    }\n\n    .stat-label {\n        font-size: 0.85rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 140px 0;\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .pairing-card {\n        padding: 50px;\n        background: var(--bg-secondary);\n        border: 1px solid var(--border-subtle);\n        transition: all 0.4s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent-gold);\n    }\n\n    .pairing-card h4 {\n        font-size: 1.4rem;\n        margin-bottom: 15px;\n        color: var(--text-primary);\n    }\n\n    .pairing-card p {\n        font-size: 1rem;\n        color: var(--text-secondary);\n        line-height: 1.7;\n    }\n\n    \/* Collection CTA *\/\n    .collection-section {\n        background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);\n        padding: 120px 0;\n        text-align: center;\n    }\n\n    .collection-section h2 {\n        font-size: 2.5rem;\n        margin-bottom: 20px;\n    }\n\n    .collection-section p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 40px;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .collection-btn {\n        display: inline-block;\n        padding: 18px 50px;\n        background: var(--accent-gold);\n        color: var(--bg-primary);\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 0.9rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        text-decoration: none;\n        transition: all 0.4s ease;\n    }\n\n    .collection-btn:hover {\n        background: var(--accent-gold-light);\n        transform: translateY(-2px);\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 140px 0;\n    }\n\n    .investment-content {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\n\n    .investment-text h2 {\n        font-size: 2.5rem;\n        margin-bottom: 30px;\n    }\n\n    .investment-text p {\n        font-size: 1.1rem;\n        color: var(--text-secondary);\n        margin-bottom: 20px;\n        line-height: 1.8;\n    }\n\n    .target-spaces {\n        margin-top: 40px;\n    }\n\n    .target-spaces h4 {\n        font-size: 0.85rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        margin-bottom: 20px;\n    }\n\n    .spaces-list {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n    }\n\n    .space-tag {\n        padding: 10px 20px;\n        border: 1px solid var(--border-subtle);\n        font-size: 0.9rem;\n        color: var(--text-secondary);\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        border-color: var(--accent-gold);\n        color: var(--text-primary);\n    }\n\n    .investment-visual {\n        position: relative;\n    }\n\n    .investment-box {\n        padding: 60px;\n        background: var(--bg-secondary);\n        border: 1px solid var(--border-medium);\n        text-align: center;\n    }\n\n    .investment-box h3 {\n        font-size: 1.8rem;\n        margin-bottom: 20px;\n    }\n\n    .investment-box p {\n        font-size: 1rem;\n        color: var(--text-secondary);\n        margin-bottom: 30px;\n    }\n\n    .inquiry-btn {\n        display: inline-block;\n        padding: 15px 40px;\n        border: 1px solid var(--accent-gold);\n        color: var(--accent-gold);\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 0.9rem;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        text-decoration: none;\n        transition: all 0.4s ease;\n    }\n\n    .inquiry-btn:hover {\n        background: var(--accent-gold);\n        color: var(--bg-primary);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        background: var(--bg-tertiary);\n        padding: 60px 0;\n        text-align: center;\n    }\n\n    .brand-label {\n        font-size: 0.75rem;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n        margin-bottom: 30px;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 60px;\n        flex-wrap: wrap;\n    }\n\n    .brand-name {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.2rem;\n        color: var(--text-muted);\n        letter-spacing: 0.1em;\n        transition: color 0.3s ease;\n    }\n\n    .brand-name:hover {\n        color: var(--text-secondary);\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        padding: 160px 0;\n        text-align: center;\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(201, 162, 39, 0.05) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .final-cta-content {\n        position: relative;\n        z-index: 1;\n    }\n\n    .final-cta h2 {\n        font-size: 3rem;\n        margin-bottom: 20px;\n    }\n\n    .final-cta p {\n        font-size: 1.2rem;\n        color: var(--text-secondary);\n        margin-bottom: 50px;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Footer *\/\n    .footer {\n        background: var(--bg-secondary);\n        padding: 80px 0 40px;\n    }\n\n    .footer-content {\n        display: grid;\n        grid-template-columns: 2fr 1fr 1fr;\n        gap: 60px;\n        margin-bottom: 60px;\n    }\n\n    .footer-brand h3 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.5rem;\n        letter-spacing: 0.1em;\n        margin-bottom: 20px;\n    }\n\n    .footer-brand h3 span {\n        color: var(--accent-gold);\n    }\n\n    .footer-brand p {\n        font-size: 1rem;\n        color: var(--text-secondary);\n        line-height: 1.7;\n        max-width: 400px;\n    }\n\n    .footer-links h4,\n    .footer-social h4 {\n        font-size: 0.85rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--text-primary);\n        margin-bottom: 25px;\n    }\n\n    .footer-links ul {\n        list-style: none;\n    }\n\n    .footer-links li {\n        margin-bottom: 12px;\n    }\n\n    .footer-links a {\n        color: var(--text-secondary);\n        text-decoration: none;\n        font-size: 0.95rem;\n        transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: var(--accent-gold);\n    }\n\n    .social-links {\n        display: flex;\n        gap: 20px;\n    }\n\n    .social-link {\n        width: 45px;\n        height: 45px;\n        border: 1px solid var(--border-subtle);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n    }\n\n    .social-link:hover {\n        border-color: var(--accent-gold);\n        background: var(--accent-gold);\n    }\n\n    .social-link:hover svg {\n        stroke: var(--bg-primary);\n    }\n\n    .social-link svg {\n        width: 18px;\n        height: 18px;\n        stroke: var(--text-secondary);\n        fill: none;\n        stroke-width: 2;\n    }\n\n    .footer-bottom {\n        padding-top: 40px;\n        border-top: 1px solid var(--border-subtle);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .footer-bottom p {\n        font-size: 0.85rem;\n        color: var(--text-muted);\n    }\n\n    .footer-legal {\n        display: flex;\n        gap: 30px;\n    }\n\n    .footer-legal a {\n        font-size: 0.85rem;\n        color: var(--text-muted);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .footer-legal a:hover {\n        color: var(--accent-gold);\n    }\n\n    \/* Fade-in animation for scroll *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .features-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .edition-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .edition-stat {\n            border-left: none;\n            border-top: 1px solid var(--border-subtle);\n        }\n\n        .edition-stat:nth-child(-n+2) {\n            border-top: none;\n        }\n\n        .investment-content {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }\n\n        .footer-content {\n            grid-template-columns: 1fr 1fr;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .nav {\n            display: none;\n        }\n\n        .hero-title {\n            font-size: clamp(2.5rem, 10vw, 4rem);\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .footer-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .footer-bottom {\n            flex-direction: column;\n            gap: 20px;\n            text-align: center;\n        }\n\n        .brand-logos {\n            gap: 30px;\n        }\n    }\n\n    \/* Mobile menu icon placeholder *\/\n    .mobile-menu {\n        display: none;\n        cursor: pointer;\n    }\n\n    @media (max-width: 768px) {\n        .mobile-menu {\n            display: block;\n        }\n    }\n\n    .menu-icon {\n        width: 24px;\n        height: 2px;\n        background: var(--text-primary);\n        position: relative;\n    }\n\n    .menu-icon::before,\n    .menu-icon::after {\n        content: '';\n        position: absolute;\n        width: 24px;\n        height: 2px;\n        background: var(--text-primary);\n        left: 0;\n    }\n\n    .menu-icon::before {\n        top: -8px;\n    }\n\n    .menu-icon::after {\n        bottom: -8px;\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader class=\"header\" id=\"header\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKasian \u003cspan\u003eArt\u003c\/span\u003e Studio\u003c\/a\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"#video\"\u003eExperience\u003c\/a\u003e\n            \u003ca href=\"#features\"\u003eDetails\u003c\/a\u003e\n            \u003ca href=\"#collection\"\u003eCollection\u003c\/a\u003e\n            \u003ca href=\"#inquiry\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n        \u003cdiv class=\"mobile-menu\"\u003e\n            \u003cdiv class=\"menu-icon\"\u003e\u003c\/div\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-bg\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"smoke-container\"\u003e\n        \u003cdiv class=\"smoke smoke-1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"smoke smoke-2\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"smoke smoke-3\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cp class=\"hero-edition\"\u003eLimited Edition — Hand-Numbered\u003c\/p\u003e\n        \u003ch1 class=\"hero-title\"\u003eNocturne \u003cspan\u003ein Gold\u003c\/span\u003e\n\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody • Elegant • Timeless\u003c\/p\u003e\n        \u003ca href=\"#inquiry\" class=\"hero-cta\"\u003eInquire About This Piece\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003e\n        \u003cspan\u003eDiscover\u003c\/span\u003e\n        \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Video Section --\u003e\n\u003csection class=\"video-section\" id=\"video\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"video-wrapper fade-in\"\u003e\n            \u003cdiv class=\"video-frame\"\u003e\n                \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/oqz8qDE9u48?rel=0\u0026amp;modestbranding=1\" title=\"Nocturne in Gold — 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            \u003cp class=\"video-caption\"\u003eExperience the Artwork in Motion\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"description-content fade-in\"\u003e\n            \u003cdiv class=\"section-divider\"\u003e\u003c\/div\u003e\n            \u003cp class=\"description-text\"\u003e\n                A slow collision of shadow and light. \u003cstrong\u003eNocturne in Gold\u003c\/strong\u003e moves with restraint, \n                carrying depth, atmosphere, and quiet opulence through layered black, smoke, and gold. \n                Deep charcoal and softened obsidian tones unfold in fluid motion, while veins of metallic \n                gold drift across the surface like distant constellations — \u003cstrong\u003eintentional, restrained, \n                and never excessive.\u003c\/strong\u003e\n            \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=\"container\"\u003e\n        \u003cdiv class=\"backstory-content fade-in\"\u003e\n            \u003cp class=\"backstory-label\"\u003eThe Cinematic Backstory\u003c\/p\u003e\n            \u003cp class=\"backstory-text\"\u003e\n                Nocturne in Gold was conceived as a visual meditation on evening — where form dissolves, \n                edges soften, and light becomes selective. Inspired by shadowed architecture and the quiet \n                energy of night, the piece reflects a moment when restraint becomes the highest form of expression.\n            \u003c\/p\u003e\n        \u003c\/div\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=\"container\"\u003e\n        \u003cdiv class=\"section-header fade-in\"\u003e\n            \u003ch2\u003eMuseum-Grade Excellence\u003c\/h2\u003e\n            \u003cp\u003eEvery detail considered. Every material chosen for permanence.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"features-grid\"\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e\n                    \u003csvg viewbox=\"0 0 50 50\"\u003e\n                        \u003ccircle cx=\"25\" cy=\"25\" r=\"20\"\u003e\u003c\/circle\u003e\n                        \u003cpath d=\"M25 15 L25 35 M15 25 L35 25\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3\u003eLimited Edition\u003c\/h3\u003e\n                \u003cp\u003eEach print is hand-numbered from a strictly limited edition. No additional editions will ever be produced beyond the stated release, ensuring true exclusivity for collectors.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e\n                    \u003csvg viewbox=\"0 0 50 50\"\u003e\n                        \u003crect x=\"10\" y=\"10\" width=\"30\" height=\"30\" rx=\"2\"\u003e\u003c\/rect\u003e\n                        \u003cpath d=\"M18 25 L22 29 L32 19\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3\u003eArchival Quality\u003c\/h3\u003e\n                \u003cp\u003ePrinted with archival pigment inks and metallic gold detailing on premium substrates rated for long-term display. Museum-grade, non-reflective finish ensures tonal integrity for generations.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card fade-in\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e\n                    \u003csvg viewbox=\"0 0 50 50\"\u003e\n                        \u003cpolygon points=\"25,5 30,20 45,20 33,30 38,45 25,35 12,45 17,30 5,20 20,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003ch3\u003eInvestment Ready\u003c\/h3\u003e\n                \u003cp\u003eDramatic black and gold abstracts maintain strong demand in the collector market. Each work includes a Certificate of Authenticity and collector provenance documentation.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Stats --\u003e\n\u003csection class=\"edition-section\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"edition-grid fade-in\"\u003e\n            \u003cdiv class=\"edition-stat\"\u003e\n                \u003cdiv class=\"stat-value\"\u003eLimited\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"edition-stat\"\u003e\n                \u003cdiv class=\"stat-value\"\u003e2026\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eYear of Release\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"edition-stat\"\u003e\n                \u003cdiv class=\"stat-value\"\u003e100+\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eYears Archival\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"edition-stat\"\u003e\n                \u003cdiv class=\"stat-value\"\u003eCOA\u003c\/div\u003e\n                \u003cdiv class=\"stat-label\"\u003eIncluded\u003c\/div\u003e\n            \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=\"container\"\u003e\n        \u003cdiv class=\"section-header fade-in\"\u003e\n            \u003ch2\u003eCurated Pairings\u003c\/h2\u003e\n            \u003cp\u003eComplementary works for collectors seeking cohesive curation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pairings-grid\"\u003e\n            \u003cdiv class=\"pairing-card fade-in\"\u003e\n                \u003ch4\u003eDark Stone Interiors\u003c\/h4\u003e\n                \u003cp\u003ePairs magnificently with dark stone, matte black, and charcoal interiors. The gold accents catch ambient light against deep surfaces, creating visual dialogue between artwork and architecture.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card fade-in\"\u003e\n                \u003ch4\u003eMetallic Finishes\u003c\/h4\u003e\n                \u003cp\u003eHarmonizes with brass, aged gold, and smoked metal finishes. The restrained metallics in the composition echo sophisticated hardware and lighting choices.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-section\" id=\"collection\"\u003e\n    \u003cdiv class=\"container fade-in\"\u003e\n        \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n        \u003cp\u003eDiscover more works from the Gold Noir Luxe Collection — curated for mood, restraint, and architectural elegance.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"collection-btn\" target=\"_blank\"\u003eView Full Collection\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\" id=\"inquiry\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"investment-content\"\u003e\n            \u003cdiv class=\"investment-text fade-in\"\u003e\n                \u003ch2\u003eArt as Investment\u003c\/h2\u003e\n                \u003cp\u003eNocturne in Gold is designed to anchor a room — not by volume, but by gravity. This is a work that rewards close viewing and changes subtly with light, making it a living presence rather than a static object.\u003c\/p\u003e\n                \u003cp\u003eCreated for refined interiors that favor mood over ornament, it integrates seamlessly into spaces designed for those who understand restraint as sophistication.\u003c\/p\u003e\n                \u003cdiv class=\"target-spaces\"\u003e\n                    \u003ch4\u003eIdeal Placement\u003c\/h4\u003e\n                    \u003cdiv class=\"spaces-list\"\u003e\n                        \u003cspan class=\"space-tag\"\u003eLuxury Residences\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\"\u003eExecutive Lounges\u003c\/span\u003e\n                        \u003cspan class=\"space-tag\"\u003eStatement Corridors\u003c\/span\u003e\n                        \u003cspan class=\"space-tag\"\u003eGallery Spaces\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"investment-visual fade-in\"\u003e\n                \u003cdiv class=\"investment-box\"\u003e\n                    \u003ch3\u003ePrivate Inquiry\u003c\/h3\u003e\n                    \u003cp\u003eFor pricing, availability, and acquisition details, please reach out directly.\u003c\/p\u003e\n                    \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Nocturne%20in%20Gold\" class=\"inquiry-btn\"\u003eContact the Studio\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cp class=\"brand-label\"\u003eTrusted by Discerning Collectors \u0026amp; Luxury Brands\u003c\/p\u003e\n        \u003cdiv class=\"brand-logos\"\u003e\n            \u003cspan class=\"brand-name\"\u003eAman\u003c\/span\u003e\n            \u003cspan class=\"brand-name\"\u003eFour Seasons\u003c\/span\u003e\n            \u003cspan class=\"brand-name\"\u003eSt. Regis\u003c\/span\u003e\n            \u003cspan class=\"brand-name\"\u003eRitz-Carlton Reserve\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"final-cta-content fade-in\"\u003e\n            \u003ch2\u003eDarkness, Refined\u003c\/h2\u003e\n            \u003cp\u003eSome works don't demand attention — they hold it. Nocturne in Gold moves slowly through shadow and light, designed for interiors that understand the power of quiet presence.\u003c\/p\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Nocturne%20in%20Gold\" class=\"hero-cta\"\u003eBegin Your Inquiry\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter class=\"footer\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"footer-content\"\u003e\n            \u003cdiv class=\"footer-brand\"\u003e\n                \u003ch3\u003eKasian \u003cspan\u003eArt\u003c\/span\u003e Studio\u003c\/h3\u003e\n                \u003cp\u003eMuseum-grade limited edition artwork for luxury interiors and discerning collectors. Each piece designed for mood, restraint, and architectural elegance.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"footer-links\"\u003e\n                \u003ch4\u003eExplore\u003c\/h4\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/all\"\u003eAll Collections\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\"\u003eGold Noir Luxe\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout the Artist\u003c\/a\u003e\u003c\/li\u003e\n                    \u003cli\u003e\u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/contact\"\u003eContact\u003c\/a\u003e\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"footer-social\"\u003e\n                \u003ch4\u003eConnect\u003c\/h4\u003e\n                \u003cdiv class=\"social-links\"\u003e\n                    \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" class=\"social-link\" target=\"_blank\" aria-label=\"Instagram\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\n                            \u003crect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\u003e\u003c\/rect\u003e\n                            \u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\n                            \u003ccircle cx=\"17.5\" cy=\"6.5\" r=\"1.5\"\u003e\u003c\/circle\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/a\u003e\n                    \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" class=\"social-link\" target=\"_blank\" aria-label=\"Pinterest\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\n                            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n                            \u003cpath d=\"M12 6c-3.3 0-6 2.7-6 6 0 2.4 1.4 4.5 3.5 5.5-.1-.4-.1-1.1 0-1.6l.8-3.5s-.2-.4-.2-1c0-1 .6-1.7 1.3-1.7.6 0 .9.5.9 1 0 .6-.4 1.5-.6 2.4-.2.7.3 1.3 1 1.3 1.2 0 2.2-1.3 2.2-3.2 0-1.7-1.2-2.8-2.9-2.8-2 0-3.1 1.5-3.1 3 0 .6.2 1.2.5 1.6.1.1.1.1 0 .3l-.2.7c0 .2-.1.2-.3.1-.9-.4-1.4-1.7-1.4-2.7 0-2.2 1.6-4.3 4.7-4.3 2.5 0 4.4 1.8 4.4 4.1 0 2.5-1.5 4.4-3.7 4.4-.7 0-1.4-.4-1.6-.8l-.5 1.8c-.2.6-.6 1.4-.9 1.8.7.2 1.4.3 2.2.3 3.3 0 6-2.7 6-6s-2.7-6-6-6z\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/a\u003e\n                    \u003ca href=\"https:\/\/www.youtube.com\/@kasianartstudio\" class=\"social-link\" target=\"_blank\" aria-label=\"YouTube\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\n                            \u003cpath d=\"M22.5 6.4c-.3-1-1-1.8-2-2.1C18.9 4 12 4 12 4s-6.9 0-8.5.3c-1 .3-1.8 1.1-2 2.1C1 8 1 12 1 12s0 4 .5 5.6c.3 1 1 1.8 2 2.1 1.6.3 8.5.3 8.5.3s6.9 0 8.5-.3c1-.3 1.8-1.1 2-2.1.5-1.6.5-5.6.5-5.6s0-4-.5-5.6z\"\u003e\u003c\/path\u003e\n                            \u003cpolygon points=\"10,15 15,12 10,9\" fill=\"var(--bg-primary)\"\u003e\u003c\/polygon\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"footer-bottom\"\u003e\n            \u003cp\u003e© 2026 Kasian Art Studio, L.L.C. All rights reserved.\u003c\/p\u003e\n            \u003cdiv class=\"footer-legal\"\u003e\n                \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/privacy-policy\"\u003ePrivacy Policy\u003c\/a\u003e\n                \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/terms-of-service\"\u003eTerms of Service\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Header scroll effect\n    const header = document.getElementById('header');\n    window.addEventListener('scroll', () =\u003e {\n        if (window.scrollY \u003e 100) {\n            header.classList.add('scrolled');\n        } else {\n            header.classList.remove('scrolled');\n        }\n    });\n\n    \/\/ 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 on scroll\n    const fadeElements = document.querySelectorAll('.fade-in');\n    \n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\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                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    fadeElements.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":47458638168229,"sku":"9560291_16039","price":10674.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47458638200997,"sku":"9560291_16045","price":10674.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47458638233765,"sku":"9560291_15700","price":10674.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/582905F5-6AD6-4196-85D6-DB4F132897A1.png?v=1769893198"},{"product_id":"veins-of-silence","title":"Veins of Silence — Limited Edition Black \u0026 Gold Abstract","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\u003eVeins of Silence | Black \u0026amp; Gold Luxury Abstract Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade black and gold abstract artwork with fluid smoke-like movement and restrained metallic detail. Designed for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400\u0026amp;family=Montserrat:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    :root {\n        --bg-primary: #0a0a0a;\n        --bg-secondary: #111111;\n        --bg-tertiary: #1a1a1a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #a0a0a0;\n        --text-muted: #666666;\n        --accent: #c9a227;\n        --accent-light: #d4b84a;\n        --accent-dark: #a68520;\n        --divider: rgba(201, 162, 39, 0.2);\n        --serif: 'Cormorant Garamond', Georgia, serif;\n        --serif-display: 'Playfair Display', Georgia, serif;\n        --sans: 'Montserrat', sans-serif;\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: var(--serif);\n        background-color: var(--bg-primary);\n        color: var(--text-primary);\n        line-height: 1.7;\n        overflow-x: hidden;\n    }\n\n    \/* Scrollbar *\/\n    ::-webkit-scrollbar {\n        width: 8px;\n    }\n\n    ::-webkit-scrollbar-track {\n        background: var(--bg-primary);\n    }\n\n    ::-webkit-scrollbar-thumb {\n        background: var(--accent-dark);\n        border-radius: 4px;\n    }\n\n    ::-webkit-scrollbar-thumb:hover {\n        background: var(--accent);\n    }\n\n    \/* Header *\/\n    .header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        padding: 1.5rem 4rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: linear-gradient(to bottom, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .header.scrolled {\n        background: rgba(10,10,10,0.98);\n        padding: 1rem 4rem;\n        backdrop-filter: blur(10px);\n    }\n\n    .logo {\n        font-family: var(--serif-display);\n        font-size: 1.4rem;\n        font-weight: 400;\n        letter-spacing: 0.15em;\n        color: var(--text-primary);\n        text-decoration: none;\n        text-transform: uppercase;\n    }\n\n    .logo span {\n        color: var(--accent);\n    }\n\n    .nav {\n        display: flex;\n        gap: 3rem;\n        align-items: center;\n    }\n\n    .nav a {\n        font-family: var(--sans);\n        font-size: 0.75rem;\n        font-weight: 400;\n        letter-spacing: 0.15em;\n        color: var(--text-secondary);\n        text-decoration: none;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .nav a:hover {\n        color: var(--accent);\n    }\n\n    .nav-cta {\n        padding: 0.75rem 1.5rem;\n        border: 1px solid var(--accent);\n        color: var(--accent) !important;\n        transition: all 0.3s ease !important;\n    }\n\n    .nav-cta:hover {\n        background: var(--accent);\n        color: var(--bg-primary) !important;\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 8rem 2rem 4rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(ellipse at 30% 20%, rgba(201, 162, 39, 0.03) 0%, transparent 50%),\n            radial-gradient(ellipse at 70% 80%, rgba(201, 162, 39, 0.02) 0%, transparent 50%);\n        pointer-events: none;\n    }\n\n    \/* Smoke Animation *\/\n    .smoke-container {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .smoke {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background: \n            radial-gradient(ellipse at 20% 50%, rgba(201, 162, 39, 0.015) 0%, transparent 40%),\n            radial-gradient(ellipse at 80% 30%, rgba(255, 255, 255, 0.01) 0%, transparent 35%),\n            radial-gradient(ellipse at 50% 70%, rgba(201, 162, 39, 0.01) 0%, transparent 45%);\n        animation: smokeFloat 20s ease-in-out infinite;\n    }\n\n    .smoke:nth-child(2) {\n        animation-delay: -7s;\n        opacity: 0.7;\n    }\n\n    .smoke:nth-child(3) {\n        animation-delay: -14s;\n        opacity: 0.5;\n    }\n\n    @keyframes smokeFloat {\n        0%, 100% {\n            transform: translate(0, 0) scale(1);\n        }\n        33% {\n            transform: translate(30px, -20px) scale(1.1);\n        }\n        66% {\n            transform: translate(-20px, 10px) scale(0.95);\n        }\n    }\n\n    \/* Gold Vein Animation *\/\n    .vein-lines {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .vein {\n        position: absolute;\n        height: 1px;\n        background: linear-gradient(90deg, \n            transparent 0%, \n            rgba(201, 162, 39, 0.3) 20%, \n            rgba(201, 162, 39, 0.5) 50%, \n            rgba(201, 162, 39, 0.3) 80%, \n            transparent 100%);\n        animation: veinPulse 8s ease-in-out infinite;\n    }\n\n    .vein:nth-child(1) {\n        top: 25%;\n        left: 5%;\n        width: 30%;\n        transform: rotate(-5deg);\n        animation-delay: 0s;\n    }\n\n    .vein:nth-child(2) {\n        top: 45%;\n        right: 10%;\n        width: 25%;\n        transform: rotate(3deg);\n        animation-delay: -2s;\n    }\n\n    .vein:nth-child(3) {\n        bottom: 30%;\n        left: 15%;\n        width: 20%;\n        transform: rotate(-2deg);\n        animation-delay: -4s;\n    }\n\n    .vein:nth-child(4) {\n        top: 60%;\n        right: 5%;\n        width: 15%;\n        transform: rotate(8deg);\n        animation-delay: -6s;\n    }\n\n    @keyframes veinPulse {\n        0%, 100% {\n            opacity: 0;\n            transform: scaleX(0.5);\n        }\n        50% {\n            opacity: 1;\n            transform: scaleX(1);\n        }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        font-family: var(--sans);\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.3em;\n        color: var(--accent);\n        text-transform: uppercase;\n        margin-bottom: 2rem;\n        padding: 0.5rem 1.5rem;\n        border: 1px solid var(--divider);\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.3s;\n    }\n\n    .hero-title {\n        font-family: var(--serif-display);\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 400;\n        letter-spacing: 0.05em;\n        line-height: 1.1;\n        margin-bottom: 1.5rem;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.5s;\n    }\n\n    .hero-title span {\n        display: block;\n        font-style: italic;\n        color: var(--accent);\n    }\n\n    .hero-tagline {\n        font-family: var(--sans);\n        font-size: 0.8rem;\n        font-weight: 300;\n        letter-spacing: 0.4em;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n        margin-bottom: 2.5rem;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.7s;\n    }\n\n    .hero-description {\n        font-family: var(--serif);\n        font-size: 1.25rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        max-width: 600px;\n        margin: 0 auto 3rem;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.9s;\n    }\n\n    .hero-cta {\n        display: inline-flex;\n        align-items: center;\n        gap: 1rem;\n        font-family: var(--sans);\n        font-size: 0.75rem;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--bg-primary);\n        background: var(--accent);\n        padding: 1.25rem 3rem;\n        text-decoration: none;\n        transition: all 0.4s ease;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 1.1s;\n    }\n\n    .hero-cta:hover {\n        background: var(--accent-light);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 40px rgba(201, 162, 39, 0.3);\n    }\n\n    .hero-cta svg {\n        width: 16px;\n        height: 16px;\n        transition: transform 0.3s ease;\n    }\n\n    .hero-cta:hover svg {\n        transform: translateX(4px);\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 0.5rem;\n        opacity: 0;\n        animation: fadeIn 1s ease forwards 1.5s;\n    }\n\n    .scroll-indicator span {\n        font-family: var(--sans);\n        font-size: 0.65rem;\n        letter-spacing: 0.2em;\n        color: var(--text-muted);\n        text-transform: uppercase;\n    }\n\n    .scroll-line {\n        width: 1px;\n        height: 60px;\n        background: linear-gradient(to bottom, var(--accent), transparent);\n        animation: scrollPulse 2s ease-in-out infinite;\n    }\n\n    @keyframes scrollPulse {\n        0%, 100% {\n            transform: scaleY(1);\n            opacity: 1;\n        }\n        50% {\n            transform: scaleY(0.5);\n            opacity: 0.5;\n        }\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(--bg-secondary);\n    }\n\n    .video-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    .video-wrapper {\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--divider);\n    }\n\n    .video-wrapper iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .video-caption {\n        text-align: center;\n        margin-top: 2rem;\n        font-family: var(--sans);\n        font-size: 0.75rem;\n        letter-spacing: 0.2em;\n        color: var(--text-muted);\n        text-transform: uppercase;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        padding: 8rem 2rem;\n        position: relative;\n    }\n\n    .section-container {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .divider {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 2rem;\n        margin-bottom: 4rem;\n    }\n\n    .divider-line {\n        flex: 1;\n        height: 1px;\n        background: linear-gradient(to right, transparent, var(--divider), transparent);\n    }\n\n    .divider-icon {\n        color: var(--accent);\n        font-size: 1.5rem;\n    }\n\n    .description-text {\n        font-family: var(--serif);\n        font-size: 1.35rem;\n        font-weight: 300;\n        line-height: 2;\n        color: var(--text-secondary);\n        text-align: center;\n    }\n\n    .description-text strong {\n        color: var(--text-primary);\n        font-weight: 400;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        padding: 8rem 2rem;\n        background: var(--bg-secondary);\n        position: relative;\n    }\n\n    .backstory-section::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 0% 50%, rgba(201, 162, 39, 0.02) 0%, transparent 50%);\n        pointer-events: none;\n    }\n\n    .backstory-container {\n        max-width: 800px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }\n\n    .section-label {\n        font-family: var(--sans);\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.3em;\n        color: var(--accent);\n        text-transform: uppercase;\n        text-align: center;\n        margin-bottom: 1rem;\n    }\n\n    .section-title {\n        font-family: var(--serif-display);\n        font-size: clamp(2rem, 4vw, 3rem);\n        font-weight: 400;\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n\n    .backstory-text {\n        font-family: var(--serif);\n        font-size: 1.2rem;\n        font-weight: 300;\n        line-height: 2;\n        color: var(--text-secondary);\n        text-align: center;\n    }\n\n    .backstory-text em {\n        color: var(--accent);\n        font-style: italic;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        padding: 8rem 2rem;\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .feature-card {\n        text-align: center;\n        padding: 3rem 2rem;\n        background: var(--bg-secondary);\n        border: 1px solid var(--divider);\n        transition: all 0.4s ease;\n    }\n\n    .feature-card:hover {\n        border-color: var(--accent);\n        transform: translateY(-5px);\n    }\n\n    .feature-icon {\n        width: 48px;\n        height: 48px;\n        margin: 0 auto 1.5rem;\n        color: var(--accent);\n    }\n\n    .feature-title {\n        font-family: var(--serif-display);\n        font-size: 1.3rem;\n        font-weight: 400;\n        margin-bottom: 1rem;\n    }\n\n    .feature-description {\n        font-family: var(--serif);\n        font-size: 1rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n\n    \/* Edition Stats *\/\n    .stats-section {\n        padding: 6rem 2rem;\n        background: var(--bg-secondary);\n    }\n\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .stat-item {\n        text-align: center;\n        padding: 2rem;\n        border-left: 1px solid var(--divider);\n    }\n\n    .stat-item:first-child {\n        border-left: none;\n    }\n\n    .stat-value {\n        font-family: var(--serif-display);\n        font-size: 2.5rem;\n        font-weight: 400;\n        color: var(--accent);\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-family: var(--sans);\n        font-size: 0.7rem;\n        font-weight: 400;\n        letter-spacing: 0.2em;\n        color: var(--text-secondary);\n        text-transform: uppercase;\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        padding: 8rem 2rem;\n    }\n\n    .pairings-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .pairings-intro {\n        font-family: var(--serif);\n        font-size: 1.15rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2rem;\n        margin-bottom: 3rem;\n    }\n\n    .pairing-card {\n        padding: 2rem;\n        background: var(--bg-secondary);\n        border: 1px solid var(--divider);\n        text-align: left;\n        transition: all 0.3s ease;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--accent);\n    }\n\n    .pairing-title {\n        font-family: var(--serif-display);\n        font-size: 1.2rem;\n        font-weight: 400;\n        margin-bottom: 0.5rem;\n    }\n\n    .pairing-description {\n        font-family: var(--serif);\n        font-size: 0.95rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n    }\n\n    \/* Collection CTA *\/\n    .collection-section {\n        padding: 8rem 2rem;\n        background: var(--bg-secondary);\n        text-align: center;\n    }\n\n    .collection-container {\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    .collection-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 1rem;\n        font-family: var(--sans);\n        font-size: 0.75rem;\n        font-weight: 400;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--accent);\n        text-decoration: none;\n        padding: 1rem 2rem;\n        border: 1px solid var(--accent);\n        margin-top: 2rem;\n        transition: all 0.3s ease;\n    }\n\n    .collection-link:hover {\n        background: var(--accent);\n        color: var(--bg-primary);\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        padding: 8rem 2rem;\n        position: relative;\n    }\n\n    .investment-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .investment-text {\n        font-family: var(--serif);\n        font-size: 1.15rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .spaces-label {\n        font-family: var(--sans);\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        color: var(--text-muted);\n        text-transform: uppercase;\n        margin-bottom: 1.5rem;\n    }\n\n    .spaces-list {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem 2rem;\n        font-family: var(--serif);\n        font-size: 1.1rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n    }\n\n    .spaces-list span {\n        position: relative;\n    }\n\n    .spaces-list span::after {\n        content: '•';\n        position: absolute;\n        right: -1.25rem;\n        color: var(--accent);\n    }\n\n    .spaces-list span:last-child::after {\n        display: none;\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 2rem;\n        background: var(--bg-tertiary);\n        border-top: 1px solid var(--divider);\n        border-bottom: 1px solid var(--divider);\n    }\n\n    .brand-strip-content {\n        max-width: 1000px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .brand-strip-label {\n        font-family: var(--sans);\n        font-size: 0.65rem;\n        font-weight: 400;\n        letter-spacing: 0.3em;\n        color: var(--text-muted);\n        text-transform: uppercase;\n        margin-bottom: 1.5rem;\n    }\n\n    .brand-logos {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 3rem;\n        flex-wrap: wrap;\n        font-family: var(--serif);\n        font-size: 1.1rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        letter-spacing: 0.1em;\n    }\n\n    .brand-logos span {\n        opacity: 0.6;\n        transition: opacity 0.3s ease;\n    }\n\n    .brand-logos span:hover {\n        opacity: 1;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        padding: 10rem 2rem;\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: \n            radial-gradient(ellipse at 50% 50%, rgba(201, 162, 39, 0.05) 0%, transparent 60%);\n        pointer-events: none;\n    }\n\n    .final-cta-container {\n        max-width: 700px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 1;\n    }\n\n    .final-cta-title {\n        font-family: var(--serif-display);\n        font-size: clamp(2rem, 4vw, 3rem);\n        font-weight: 400;\n        margin-bottom: 1.5rem;\n    }\n\n    .final-cta-text {\n        font-family: var(--serif);\n        font-size: 1.15rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n    }\n\n    .cta-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 1.5rem;\n        flex-wrap: wrap;\n    }\n\n    .btn-primary {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.75rem;\n        font-family: var(--sans);\n        font-size: 0.75rem;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--bg-primary);\n        background: var(--accent);\n        padding: 1.25rem 2.5rem;\n        text-decoration: none;\n        transition: all 0.4s ease;\n    }\n\n    .btn-primary:hover {\n        background: var(--accent-light);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 40px rgba(201, 162, 39, 0.3);\n    }\n\n    .btn-secondary {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.75rem;\n        font-family: var(--sans);\n        font-size: 0.75rem;\n        font-weight: 400;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--accent);\n        background: transparent;\n        padding: 1.25rem 2.5rem;\n        text-decoration: none;\n        border: 1px solid var(--accent);\n        transition: all 0.3s ease;\n    }\n\n    .btn-secondary:hover {\n        background: rgba(201, 162, 39, 0.1);\n    }\n\n    \/* Footer *\/\n    .footer {\n        padding: 4rem 2rem 2rem;\n        background: var(--bg-secondary);\n        border-top: 1px solid var(--divider);\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: var(--serif-display);\n        font-size: 1.2rem;\n        font-weight: 400;\n        letter-spacing: 0.1em;\n        color: var(--text-primary);\n        text-decoration: none;\n    }\n\n    .footer-logo span {\n        color: var(--accent);\n    }\n\n    .footer-links {\n        display: flex;\n        gap: 2rem;\n    }\n\n    .footer-links a {\n        font-family: var(--sans);\n        font-size: 0.7rem;\n        font-weight: 400;\n        letter-spacing: 0.1em;\n        color: var(--text-secondary);\n        text-decoration: none;\n        text-transform: uppercase;\n        transition: color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: var(--accent);\n    }\n\n    .social-links {\n        display: flex;\n        gap: 1.5rem;\n    }\n\n    .social-links a {\n        color: var(--text-secondary);\n        transition: color 0.3s ease;\n    }\n\n    .social-links a:hover {\n        color: var(--accent);\n    }\n\n    .social-links svg {\n        width: 20px;\n        height: 20px;\n    }\n\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 3rem auto 0;\n        padding-top: 2rem;\n        border-top: 1px solid var(--divider);\n        text-align: center;\n    }\n\n    .footer-copyright {\n        font-family: var(--sans);\n        font-size: 0.7rem;\n        font-weight: 300;\n        letter-spacing: 0.1em;\n        color: var(--text-muted);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .features-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .stat-item {\n            border-left: none;\n            border-top: 1px solid var(--divider);\n        }\n\n        .stat-item:nth-child(-n+2) {\n            border-top: none;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .header {\n            padding: 1rem 1.5rem;\n        }\n\n        .nav {\n            display: none;\n        }\n\n        .hero {\n            padding: 6rem 1.5rem 4rem;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .stats-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .stat-item {\n            border-top: 1px solid var(--divider);\n        }\n\n        .stat-item:first-child {\n            border-top: none;\n        }\n\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .footer-content {\n            flex-direction: column;\n            text-align: center;\n        }\n\n        .cta-buttons {\n            flex-direction: column;\n            align-items: center;\n        }\n    }\n\n    \/* Fade-in on scroll *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader class=\"header\" id=\"header\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKasian Art \u003cspan\u003eStudio\u003c\/span\u003e\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=\"https:\/\/www.kasianartstudio.com\/pages\/contact\"\u003eContact\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"nav-cta\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n```\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"hero\"\u003e\n    \u003cdiv class=\"smoke-container\"\u003e\n        \u003cdiv class=\"smoke\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"smoke\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"smoke\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vein-lines\"\u003e\n        \u003cdiv class=\"vein\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"vein\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"vein\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"vein\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cspan class=\"edition-badge\"\u003eLimited Edition\u003c\/span\u003e\n        \u003ch1 class=\"hero-title\"\u003eVeins of \u003cspan\u003eSilence\u003c\/span\u003e\n\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody • Elegant • Timeless\u003c\/p\u003e\n        \u003cp class=\"hero-description\"\u003eA quiet flow of shadow and gold. Museum-grade abstract art revealing restrained movement and depth through smoke-softened blacks and gilded currents.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry%20-%20Veins%20of%20Silence\" class=\"hero-cta\"\u003e\n            Inquire About This Piece\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003e\n        \u003cspan\u003eExplore\u003c\/span\u003e\n        \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\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 fade-in\"\u003e\n        \u003cdiv class=\"video-wrapper\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BIWopQK65pc?rel=0\u0026amp;modestbranding=1\" title=\"Veins of 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        \u003cp class=\"video-caption\"\u003eExperience the Artwork in Motion\u003c\/p\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-container fade-in\"\u003e\n        \u003cdiv class=\"divider\"\u003e\n            \u003cdiv class=\"divider-line\"\u003e\u003c\/div\u003e\n            \u003cspan class=\"divider-icon\"\u003e◆\u003c\/span\u003e\n            \u003cdiv class=\"divider-line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"description-text\"\u003e\n            \u003cstrong\u003eVeins of Silence\u003c\/strong\u003e is a museum-grade abstract work defined by fluid tension and deliberate calm. Deep charcoal and softened obsidian tones form a velvety foundation, while translucent plumes of smoke drift through the composition — \u003cstrong\u003eweightless, slow, and unresolved\u003c\/strong\u003e. Threads of metallic gold move through the surface like veins beneath stone, appearing and disappearing with subtle shifts in light.\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-container fade-in\"\u003e\n        \u003cp class=\"section-label\"\u003eThe Story\u003c\/p\u003e\n        \u003ch2 class=\"section-title\"\u003eCinematic Backstory\u003c\/h2\u003e\n        \u003cp class=\"backstory-text\"\u003e\n            \u003cem\u003eVeins of Silence\u003c\/em\u003e was created as a meditation on restraint — inspired by stone, smoke, and the quiet systems that exist beneath the surface. The gold traces reflect what is hidden yet essential, while the drifting darkness evokes stillness rather than absence.\u003cbr\u003e\u003cbr\u003e\n            This piece is about what is \u003cem\u003efelt\u003c\/em\u003e, not declared. The gold does not dominate; it emerges — fractured, imperfect, and intentional. The movement suggests continuity rather than chaos, creating a work that feels both grounding and expansive.\u003cbr\u003e\u003cbr\u003e\n            It is a work about \u003cem\u003epresence without intrusion\u003c\/em\u003e.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Features Grid --\u003e\n\u003csection class=\"features-section\"\u003e\n    \u003cdiv class=\"section-container fade-in\" style=\"text-align: center; margin-bottom: 4rem;\"\u003e\n        \u003cp class=\"section-label\"\u003eMuseum-Grade Excellence\u003c\/p\u003e\n        \u003ch2 class=\"section-title\"\u003eCrafted for Collectors\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003csvg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eEach piece is hand-numbered from a strictly limited edition. Once sold, no additional prints will ever be produced — ensuring lasting exclusivity and collector value.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003csvg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eMuseum-grade materials with 100+ year archival certification. Printed with pigment inks and metallic gold detailing on premium substrates rated for long-term display.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003csvg class=\"feature-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-description\"\u003eDramatic abstracts with metallic detailing maintain strong demand in the luxury art market. Includes Certificate of Authenticity and collector provenance documentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Edition Stats --\u003e\n\u003csection class=\"stats-section\"\u003e\n    \u003cdiv class=\"stats-grid fade-in\"\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-value\"\u003eLtd\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eEdition Size\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-value\"\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-value\"\u003eCOA\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eAuthenticated\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat-item\"\u003e\n            \u003cdiv class=\"stat-value\"\u003eGold\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eMetallic Detail\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=\"pairings-container fade-in\"\u003e\n        \u003cp class=\"section-label\"\u003eCurated Pairings\u003c\/p\u003e\n        \u003ch2 class=\"section-title\"\u003ePairs Well With\u003c\/h2\u003e\n        \u003cp class=\"pairings-intro\"\u003eDesigned for interiors that value atmosphere over ornament. Veins of Silence belongs in spaces where mood is curated with precision.\u003c\/p\u003e\n        \u003cdiv class=\"pairings-grid\"\u003e\n            \u003cdiv class=\"pairing-card\"\u003e\n                \u003ch4 class=\"pairing-title\"\u003eDark Stone \u0026amp; Charcoal Plaster\u003c\/h4\u003e\n                \u003cp class=\"pairing-description\"\u003eMatte black walls and natural stone create the perfect backdrop for the gold veins to emerge and recede.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card\"\u003e\n                \u003ch4 class=\"pairing-title\"\u003eBrass \u0026amp; Antique Gold Accents\u003c\/h4\u003e\n                \u003cp class=\"pairing-description\"\u003eSmoked metal finishes and warm metallics echo the restrained gilding within the composition.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card\"\u003e\n                \u003ch4 class=\"pairing-title\"\u003eLow Architectural Lighting\u003c\/h4\u003e\n                \u003cp class=\"pairing-description\"\u003eWarm temperature lighting reveals the metallic threads as they shift with viewing angle and time of day.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card\"\u003e\n                \u003ch4 class=\"pairing-title\"\u003eExecutive \u0026amp; Gallery Spaces\u003c\/h4\u003e\n                \u003cp class=\"pairing-description\"\u003eLuxury bedrooms, private galleries, and executive corridors where prolonged viewing is rewarded.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-section\"\u003e\n    \u003cdiv class=\"collection-container fade-in\"\u003e\n        \u003cp class=\"section-label\"\u003eExplore the Collection\u003c\/p\u003e\n        \u003ch2 class=\"section-title\"\u003eGold Noir Luxe Collection\u003c\/h2\u003e\n        \u003cp class=\"pairings-intro\"\u003eVeins of Silence is part of the Gold Noir Luxe Collection — a curated series of black and gold abstracts designed for collectors who understand that true luxury whispers.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"collection-link\"\u003e\n            View Full Collection\n            \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Section --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-container fade-in\"\u003e\n        \u003cp class=\"section-label\"\u003eInvestment Positioning\u003c\/p\u003e\n        \u003ch2 class=\"section-title\"\u003eArt That Breathes With the Room\u003c\/h2\u003e\n        \u003cp class=\"investment-text\"\u003eThis is not decoration — it is atmosphere. Veins of Silence anchors a space quietly, rewarding prolonged viewing and intimate proximity. It creates presence without intrusion.\u003c\/p\u003e\n        \u003cp class=\"spaces-label\"\u003eIdeal Spaces\u003c\/p\u003e\n        \u003cdiv class=\"spaces-list\"\u003e\n            \u003cspan\u003ePenthouses\u003c\/span\u003e\n            \u003cspan\u003eBoutique Hotel Suites\u003c\/span\u003e\n            \u003cspan\u003eExecutive Offices\u003c\/span\u003e\n            \u003cspan\u003eGallery-Style Residences\u003c\/span\u003e\n            \u003cspan\u003ePrivate Collections\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Brand Strip --\u003e\n\u003csection class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-content fade-in\"\u003e\n        \u003cp class=\"brand-strip-label\"\u003eTrusted by Luxury Hospitality Worldwide\u003c\/p\u003e\n        \u003cdiv class=\"brand-logos\"\u003e\n            \u003cspan\u003eAman\u003c\/span\u003e\n            \u003cspan\u003eFour Seasons\u003c\/span\u003e\n            \u003cspan\u003eSt. Regis\u003c\/span\u003e\n            \u003cspan\u003eRitz-Carlton Reserve\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003cdiv class=\"final-cta-container fade-in\"\u003e\n        \u003cp class=\"section-label\"\u003eBegin Your Collection\u003c\/p\u003e\n        \u003ch2 class=\"final-cta-title\"\u003eAcquire Veins of Silence\u003c\/h2\u003e\n        \u003cp class=\"final-cta-text\"\u003eThis museum-grade limited edition artwork is available for private collectors, interior designers, and hospitality procurement teams. Includes Certificate of Authenticity and provenance documentation.\u003c\/p\u003e\n        \u003cdiv class=\"cta-buttons\"\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Acquisition%20Inquiry%20-%20Veins%20of%20Silence\" class=\"btn-primary\"\u003e\n                Inquire Now\n                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                    \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"btn-secondary\"\u003e\n                View Collection\n                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                    \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Footer --\u003e\n\u003cfooter class=\"footer\"\u003e\n    \u003cdiv class=\"footer-content\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"footer-logo\"\u003eKasian Art \u003cspan\u003eStudio\u003c\/span\u003e\u003c\/a\u003e\n        \u003cdiv class=\"footer-links\"\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=\"https:\/\/www.kasianartstudio.com\/pages\/contact\"\u003eContact\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/shipping-returns\"\u003eShipping\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" aria-label=\"Instagram\"\u003e\n                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003crect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\u003e\u003c\/path\u003e\n                    \u003cline x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\u003e\u003c\/line\u003e\n                \u003c\/svg\u003e\n            \u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" aria-label=\"Pinterest\"\u003e\n                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n                    \u003cpath d=\"M8 12c0-2.5 1.5-5 4-5s4 2.5 4 5c0 3-2 5-4 5-1 0-2-.5-2.5-1l-1 4\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.youtube.com\/@kasianartstudio\" aria-label=\"YouTube\"\u003e\n                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"\u003e\u003c\/path\u003e\n                    \u003cpolygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"\u003e\u003c\/polygon\u003e\n                \u003c\/svg\u003e\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"footer-bottom\"\u003e\n        \u003cp class=\"footer-copyright\"\u003e© 2026 Kasian Art Studio, L.L.C. All rights reserved. Museum-grade fine art for luxury collectors.\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n    \/\/ Header scroll effect\n    const header = document.getElementById('header');\n    window.addEventListener('scroll', () =\u003e {\n        if (window.scrollY \u003e 100) {\n            header.classList.add('scrolled');\n        } else {\n            header.classList.remove('scrolled');\n        }\n    });\n\n    \/\/ Fade-in on scroll\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\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":47458639741093,"sku":"8433636_16039","price":11224.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47458639773861,"sku":"8433636_16045","price":11224.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47458639806629,"sku":"8433636_15700","price":11224.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4712.png?v=1769894009"},{"product_id":"gilded-faultline","title":"Gilded Faultline — Limited Edition Black \u0026 Gold Abstract","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 Faultline | Black \u0026amp; Gold Luxury Abstract Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade black and gold abstract artwork with geological texture and molten gold detailing. Designed for luxury interiors and collectors.\"\u003e\n\n```\n\u003c!-- Fonts --\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400\u0026amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400\u0026amp;family=Montserrat:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n    :root {\n        --bg-primary: #0a0a0a;\n        --bg-secondary: #111111;\n        --bg-tertiary: #1a1a1a;\n        --text-primary: #f5f5f5;\n        --text-secondary: #b8b8b8;\n        --text-muted: #6a6a6a;\n        --accent-gold: #c9a227;\n        --accent-gold-light: #d4b84a;\n        --accent-gold-dark: #9a7a1c;\n        --border-subtle: rgba(201, 162, 39, 0.15);\n        --border-gold: rgba(201, 162, 39, 0.4);\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: 'Cormorant Garamond', Georgia, serif;\n        background-color: var(--bg-primary);\n        color: var(--text-primary);\n        line-height: 1.7;\n        overflow-x: hidden;\n    }\n\n    \/* Scrollbar Styling *\/\n    ::-webkit-scrollbar {\n        width: 8px;\n    }\n\n    ::-webkit-scrollbar-track {\n        background: var(--bg-primary);\n    }\n\n    ::-webkit-scrollbar-thumb {\n        background: var(--accent-gold-dark);\n        border-radius: 4px;\n    }\n\n    ::-webkit-scrollbar-thumb:hover {\n        background: var(--accent-gold);\n    }\n\n    \/* Header *\/\n    .header {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 1000;\n        padding: 1.5rem 4%;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: linear-gradient(to bottom, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0) 100%);\n        transition: all 0.4s ease;\n    }\n\n    .header.scrolled {\n        background: rgba(10, 10, 10, 0.98);\n        backdrop-filter: blur(20px);\n        padding: 1rem 4%;\n    }\n\n    .logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.4rem;\n        font-weight: 500;\n        letter-spacing: 0.15em;\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: 3rem;\n        align-items: center;\n    }\n\n    .nav a {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 400;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--text-secondary);\n        text-decoration: none;\n        transition: color 0.3s ease;\n        position: relative;\n    }\n\n    .nav a::after {\n        content: '';\n        position: absolute;\n        bottom: -4px;\n        left: 0;\n        width: 0;\n        height: 1px;\n        background: var(--accent-gold);\n        transition: width 0.3s ease;\n    }\n\n    .nav a:hover {\n        color: var(--accent-gold);\n    }\n\n    .nav a:hover::after {\n        width: 100%;\n    }\n\n    \/* Hero Section *\/\n    .hero {\n        min-height: 100vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        padding: 8rem 4% 4rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg {\n        position: absolute;\n        inset: 0;\n        background: \n            radial-gradient(ellipse 80% 50% at 50% 0%, rgba(201, 162, 39, 0.08) 0%, transparent 50%),\n            radial-gradient(ellipse 60% 40% at 20% 80%, rgba(201, 162, 39, 0.05) 0%, transparent 50%),\n            radial-gradient(ellipse 60% 40% at 80% 60%, rgba(201, 162, 39, 0.04) 0%, transparent 50%);\n        pointer-events: none;\n    }\n\n    \/* Animated fracture lines *\/\n    .fracture-lines {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n        pointer-events: none;\n        opacity: 0.15;\n    }\n\n    .fracture-line {\n        position: absolute;\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n        height: 1px;\n        animation: fracture-glow 8s ease-in-out infinite;\n    }\n\n    .fracture-line:nth-child(1) {\n        top: 20%;\n        left: -10%;\n        width: 60%;\n        transform: rotate(15deg);\n        animation-delay: 0s;\n    }\n\n    .fracture-line:nth-child(2) {\n        top: 45%;\n        right: -10%;\n        width: 50%;\n        transform: rotate(-8deg);\n        animation-delay: 2s;\n    }\n\n    .fracture-line:nth-child(3) {\n        bottom: 30%;\n        left: 10%;\n        width: 40%;\n        transform: rotate(5deg);\n        animation-delay: 4s;\n    }\n\n    .fracture-line:nth-child(4) {\n        top: 65%;\n        right: 5%;\n        width: 35%;\n        transform: rotate(-12deg);\n        animation-delay: 6s;\n    }\n\n    @keyframes fracture-glow {\n        0%, 100% { opacity: 0.3; }\n        50% { opacity: 1; }\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 900px;\n    }\n\n    .edition-badge {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.35em;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        border: 1px solid var(--border-gold);\n        padding: 0.6rem 1.8rem;\n        margin-bottom: 2.5rem;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.3s;\n    }\n\n    .hero-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 8vw, 6rem);\n        font-weight: 400;\n        letter-spacing: 0.08em;\n        line-height: 1.1;\n        margin-bottom: 1.5rem;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.5s;\n    }\n\n    .hero-title span {\n        display: block;\n        background: linear-gradient(135deg, var(--text-primary) 0%, var(--accent-gold-light) 50%, var(--accent-gold) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .hero-tagline {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.3rem;\n        font-weight: 300;\n        font-style: italic;\n        letter-spacing: 0.15em;\n        color: var(--text-secondary);\n        margin-bottom: 3rem;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.7s;\n    }\n\n    .hero-description {\n        font-size: 1.15rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        max-width: 650px;\n        margin: 0 auto 3rem;\n        line-height: 1.9;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 0.9s;\n    }\n\n    .cta-button {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 500;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: var(--bg-primary);\n        background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-light) 100%);\n        padding: 1.2rem 3rem;\n        text-decoration: none;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        opacity: 0;\n        animation: fadeInUp 1s ease forwards 1.1s;\n    }\n\n    .cta-button::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(135deg, var(--accent-gold-light) 0%, var(--accent-gold) 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n    }\n\n    .cta-button:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 15px 40px rgba(201, 162, 39, 0.3);\n    }\n\n    .cta-button:hover::before {\n        opacity: 1;\n    }\n\n    .cta-button span {\n        position: relative;\n        z-index: 1;\n    }\n\n    .scroll-indicator {\n        position: absolute;\n        bottom: 3rem;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 0.8rem;\n        opacity: 0;\n        animation: fadeIn 1s ease forwards 1.5s;\n    }\n\n    .scroll-indicator span {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.65rem;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n    }\n\n    .scroll-line {\n        width: 1px;\n        height: 50px;\n        background: linear-gradient(to bottom, var(--accent-gold), transparent);\n        animation: scrollPulse 2s ease-in-out infinite;\n    }\n\n    @keyframes scrollPulse {\n        0%, 100% { opacity: 0.3; transform: scaleY(0.5); }\n        50% { opacity: 1; transform: scaleY(1); }\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    \/* Section Styling *\/\n    section {\n        padding: 8rem 4%;\n    }\n\n    .section-divider {\n        width: 60px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n        margin: 0 auto 3rem;\n    }\n\n    .section-label {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.35em;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        text-align: center;\n        margin-bottom: 1.5rem;\n    }\n\n    .section-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2rem, 4vw, 3rem);\n        font-weight: 400;\n        letter-spacing: 0.05em;\n        text-align: center;\n        margin-bottom: 1.5rem;\n    }\n\n    .section-subtitle {\n        font-size: 1.1rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        text-align: center;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.8;\n    }\n\n    \/* Video Section *\/\n    .video-section {\n        background: var(--bg-secondary);\n        position: relative;\n    }\n\n    .video-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, var(--border-subtle), transparent);\n    }\n\n    .video-container {\n        max-width: 1100px;\n        margin: 3rem auto 0;\n        position: relative;\n    }\n\n    .video-wrapper {\n        position: relative;\n        padding-bottom: 56.25%;\n        height: 0;\n        overflow: hidden;\n        border: 1px solid var(--border-subtle);\n    }\n\n    .video-wrapper iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    \/* Description Section *\/\n    .description-section {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .description-text {\n        font-size: 1.2rem;\n        font-weight: 300;\n        line-height: 2;\n        color: var(--text-secondary);\n    }\n\n    .description-text p {\n        margin-bottom: 2rem;\n    }\n\n    .description-text p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Backstory Section *\/\n    .backstory-section {\n        background: var(--bg-secondary);\n        position: relative;\n    }\n\n    .backstory-content {\n        max-width: 900px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 4rem;\n        align-items: start;\n    }\n\n    .backstory-aside {\n        position: sticky;\n        top: 120px;\n    }\n\n    .backstory-quote {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.8rem;\n        font-style: italic;\n        font-weight: 400;\n        line-height: 1.5;\n        color: var(--text-primary);\n        border-left: 2px solid var(--accent-gold);\n        padding-left: 2rem;\n    }\n\n    .backstory-text {\n        font-size: 1.1rem;\n        font-weight: 300;\n        line-height: 2;\n        color: var(--text-secondary);\n    }\n\n    .backstory-text p {\n        margin-bottom: 2rem;\n    }\n\n    \/* Features Grid *\/\n    .features-section {\n        background: var(--bg-primary);\n    }\n\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 2rem;\n        max-width: 1200px;\n        margin: 4rem auto 0;\n    }\n\n    .feature-card {\n        background: var(--bg-secondary);\n        border: 1px solid var(--border-subtle);\n        padding: 3rem 2rem;\n        text-align: center;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .feature-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        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 {\n        transform: translateY(-5px);\n        border-color: var(--border-gold);\n    }\n\n    .feature-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .feature-icon {\n        width: 50px;\n        height: 50px;\n        margin: 0 auto 1.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .feature-icon svg {\n        width: 100%;\n        height: 100%;\n        stroke: var(--accent-gold);\n        stroke-width: 1;\n        fill: none;\n    }\n\n    .feature-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.3rem;\n        font-weight: 500;\n        margin-bottom: 1rem;\n        letter-spacing: 0.03em;\n    }\n\n    .feature-text {\n        font-size: 0.95rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        line-height: 1.8;\n    }\n\n    \/* Edition Stats *\/\n    .edition-section {\n        background: var(--bg-tertiary);\n        position: relative;\n    }\n\n    .edition-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 2rem;\n        max-width: 1000px;\n        margin: 4rem auto 0;\n        text-align: center;\n    }\n\n    .edition-stat {\n        padding: 2rem;\n        border-right: 1px solid var(--border-subtle);\n    }\n\n    .edition-stat:last-child {\n        border-right: none;\n    }\n\n    .stat-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 3rem;\n        font-weight: 400;\n        color: var(--accent-gold);\n        line-height: 1;\n        margin-bottom: 0.5rem;\n    }\n\n    .stat-label {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n    }\n\n    \/* Pairings Section *\/\n    .pairings-section {\n        background: var(--bg-secondary);\n    }\n\n    .pairings-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2rem;\n        max-width: 900px;\n        margin: 4rem auto 0;\n    }\n\n    .pairing-card {\n        display: flex;\n        align-items: center;\n        gap: 1.5rem;\n        padding: 2rem;\n        background: var(--bg-tertiary);\n        border: 1px solid var(--border-subtle);\n        transition: all 0.3s ease;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .pairing-card:hover {\n        border-color: var(--border-gold);\n        transform: translateX(5px);\n    }\n\n    .pairing-icon {\n        width: 60px;\n        height: 60px;\n        background: linear-gradient(135deg, var(--accent-gold-dark) 0%, var(--accent-gold) 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .pairing-icon svg {\n        width: 24px;\n        height: 24px;\n        stroke: var(--bg-primary);\n        stroke-width: 1.5;\n        fill: none;\n    }\n\n    .pairing-content h4 {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.2rem;\n        font-weight: 500;\n        margin-bottom: 0.3rem;\n    }\n\n    .pairing-content p {\n        font-size: 0.9rem;\n        font-weight: 300;\n        color: var(--text-muted);\n    }\n\n    \/* Collection CTA *\/\n    .collection-section {\n        background: var(--bg-primary);\n        text-align: center;\n    }\n\n    .collection-cta {\n        display: inline-flex;\n        align-items: center;\n        gap: 1rem;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 500;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        text-decoration: none;\n        border: 1px solid var(--border-gold);\n        padding: 1.2rem 2.5rem;\n        margin-top: 3rem;\n        transition: all 0.4s ease;\n    }\n\n    .collection-cta:hover {\n        background: var(--accent-gold);\n        color: var(--bg-primary);\n    }\n\n    .collection-cta svg {\n        width: 16px;\n        height: 16px;\n        stroke: currentColor;\n        stroke-width: 2;\n        fill: none;\n        transition: transform 0.3s ease;\n    }\n\n    .collection-cta:hover svg {\n        transform: translateX(5px);\n    }\n\n    \/* Investment Section *\/\n    .investment-section {\n        background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);\n    }\n\n    .investment-content {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .target-spaces {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 1rem;\n        margin-top: 3rem;\n    }\n\n    .space-tag {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 400;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n        border: 1px solid var(--border-subtle);\n        padding: 0.8rem 1.5rem;\n        transition: all 0.3s ease;\n    }\n\n    .space-tag:hover {\n        color: var(--accent-gold);\n        border-color: var(--border-gold);\n    }\n\n    \/* Brand Strip *\/\n    .brand-strip {\n        padding: 4rem 4%;\n        background: var(--bg-primary);\n        border-top: 1px solid var(--border-subtle);\n        border-bottom: 1px solid var(--border-subtle);\n    }\n\n    .brand-strip-inner {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 4rem;\n        flex-wrap: wrap;\n    }\n\n    .brand-strip span {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.1rem;\n        font-weight: 400;\n        font-style: italic;\n        color: var(--text-muted);\n        letter-spacing: 0.1em;\n    }\n\n    .brand-name {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 500;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n        opacity: 0.6;\n        transition: opacity 0.3s ease;\n    }\n\n    .brand-name:hover {\n        opacity: 1;\n    }\n\n    \/* Final CTA *\/\n    .final-cta {\n        background: var(--bg-tertiary);\n        text-align: center;\n        padding: 10rem 4%;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .final-cta::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(201, 162, 39, 0.08) 0%, transparent 70%);\n        pointer-events: none;\n    }\n\n    .final-cta-content {\n        position: relative;\n        z-index: 1;\n    }\n\n    .final-cta h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2rem, 4vw, 3rem);\n        font-weight: 400;\n        letter-spacing: 0.05em;\n        margin-bottom: 1.5rem;\n    }\n\n    .final-cta p {\n        font-size: 1.1rem;\n        font-weight: 300;\n        color: var(--text-secondary);\n        max-width: 500px;\n        margin: 0 auto 3rem;\n        line-height: 1.8;\n    }\n\n    .inquiry-button {\n        display: inline-block;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.75rem;\n        font-weight: 500;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: var(--bg-primary);\n        background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-light) 100%);\n        padding: 1.4rem 3.5rem;\n        text-decoration: none;\n        transition: all 0.4s ease;\n    }\n\n    .inquiry-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 20px 50px rgba(201, 162, 39, 0.35);\n    }\n\n    \/* Footer *\/\n    .footer {\n        background: var(--bg-primary);\n        padding: 4rem 4%;\n        border-top: 1px solid var(--border-subtle);\n    }\n\n    .footer-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .footer-logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.2rem;\n        font-weight: 500;\n        letter-spacing: 0.1em;\n        color: var(--text-primary);\n    }\n\n    .footer-tagline {\n        font-size: 0.9rem;\n        font-style: italic;\n        color: var(--text-muted);\n        margin-top: 0.5rem;\n    }\n\n    .footer-social {\n        display: flex;\n        gap: 2rem;\n    }\n\n    .footer-social a {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.7rem;\n        font-weight: 400;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        color: var(--text-muted);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n\n    .footer-social a:hover {\n        color: var(--accent-gold);\n    }\n\n    .footer-copyright {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.65rem;\n        letter-spacing: 0.1em;\n        color: var(--text-muted);\n        text-align: center;\n        margin-top: 3rem;\n        padding-top: 2rem;\n        border-top: 1px solid var(--border-subtle);\n    }\n\n    \/* Animations on Scroll *\/\n    .fade-in {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n\n    .fade-in.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .backstory-content {\n            grid-template-columns: 1fr;\n            gap: 3rem;\n        }\n\n        .backstory-aside {\n            position: static;\n        }\n\n        .features-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .edition-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .edition-stat {\n            border-right: none;\n            border-bottom: 1px solid var(--border-subtle);\n        }\n\n        .edition-stat:nth-child(3),\n        .edition-stat:nth-child(4) {\n            border-bottom: none;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .header {\n            padding: 1rem 4%;\n        }\n\n        .nav {\n            display: none;\n        }\n\n        .hero {\n            padding: 6rem 4% 4rem;\n        }\n\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .edition-stat {\n            border-bottom: 1px solid var(--border-subtle);\n        }\n\n        .edition-stat:last-child {\n            border-bottom: none;\n        }\n\n        .pairings-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .footer-inner {\n            flex-direction: column;\n            gap: 2rem;\n            text-align: center;\n        }\n\n        .brand-strip-inner {\n            gap: 2rem;\n        }\n    }\n\n    \/* Mobile Menu Toggle *\/\n    .mobile-menu-toggle {\n        display: none;\n        flex-direction: column;\n        gap: 5px;\n        cursor: pointer;\n        padding: 10px;\n    }\n\n    .mobile-menu-toggle span {\n        width: 25px;\n        height: 1px;\n        background: var(--text-primary);\n        transition: all 0.3s ease;\n    }\n\n    @media (max-width: 768px) {\n        .mobile-menu-toggle {\n            display: flex;\n        }\n    }\n\u003c\/style\u003e\n```\n\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader class=\"header\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n        \u003cnav class=\"nav\"\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\"\u003eCollections\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\/pages\/about\"\u003eAbout\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eInquire\u003c\/a\u003e\n        \u003c\/nav\u003e\n        \u003cdiv class=\"mobile-menu-toggle\"\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\u003e\n            \u003cspan\u003e\u003c\/span\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-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        \u003cdiv class=\"fracture-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-content\"\u003e\n        \u003cdiv class=\"edition-badge\"\u003eLimited Edition\u003c\/div\u003e\n        \u003ch1 class=\"hero-title\"\u003e\u003cspan\u003eGilded Faultline\u003c\/span\u003e\u003c\/h1\u003e\n        \u003cp class=\"hero-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/p\u003e\n        \u003cp class=\"hero-description\"\u003eA rupture made luminous. Gilded Faultline reveals power, movement, and rarity through fractured black stone and molten gold veins—crafted as a museum-grade abstract for luxury interiors and fine art collectors.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Inquiry:%20Gilded%20Faultline\" class=\"cta-button\"\u003e\u003cspan\u003eInquire About This Piece\u003c\/span\u003e\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"scroll-indicator\"\u003e\n        \u003cspan\u003eDiscover\u003c\/span\u003e\n        \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\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-label fade-in\"\u003eExperience the Artwork\u003c\/div\u003e\n    \u003ch2 class=\"section-title fade-in\"\u003eA Moment of Stillness\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle fade-in\"\u003eWatch the interplay of light and shadow across geological depths.\u003c\/p\u003e\n    \u003cdiv class=\"video-container fade-in\"\u003e\n        \u003cdiv class=\"video-wrapper\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/oqz8qDE9u48?rel=0\u0026amp;modestbranding=1\u0026amp;color=white\" title=\"Gilded Faultline - 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\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Description Section --\u003e\n\u003csection class=\"description-section\"\u003e\n    \u003cdiv class=\"section-divider fade-in\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"section-label fade-in\"\u003eThe Artwork\u003c\/div\u003e\n    \u003cdiv class=\"description-text fade-in\"\u003e\n        \u003cp\u003eGilded Faultline is a museum-grade abstract composition that draws its presence from contrast and depth. Dense obsidian blacks and charcoal stone textures form a commanding foundation, while rivers of metallic gold cut through the surface with geological authority—raw, layered, and unapologetically precise.\u003c\/p\u003e\n        \u003cp\u003eThe composition evokes tectonic movement—pressure, time, and transformation captured in a single moment. Gold appears embedded rather than applied, as if unearthed from within the piece itself. Fine contour lines trace the flow of energy, guiding the eye across fractured planes and mineral-like formations.\u003c\/p\u003e\n        \u003cp\u003eThis work is created for interiors that demand gravity. It does not decorate a wall—it anchors it.\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        \u003caside class=\"backstory-aside fade-in\"\u003e\n            \u003cblockquote class=\"backstory-quote\"\u003e\n                \"What is most valuable is often forged in tension.\"\n            \u003c\/blockquote\u003e\n        \u003c\/aside\u003e\n        \u003cdiv class=\"backstory-text fade-in\"\u003e\n            \u003cp\u003eGilded Faultline was inspired by the beauty of pressure—the unseen forces that shape landscapes over time. It reflects the idea that what is most valuable is often forged in tension.\u003c\/p\u003e\n            \u003cp\u003eThe gold is not surface-level; it is earned, revealed only where the structure breaks open. Like precious minerals found in geological fractures, the luminous veins speak to transformation through adversity—beauty born from disruption.\u003c\/p\u003e\n            \u003cp\u003eThis piece invites contemplation of the forces that shape us all: pressure, time, and the courage to break open and reveal what lies beneath.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Museum-Grade Features --\u003e\n\u003csection class=\"features-section\"\u003e\n    \u003cdiv class=\"section-label fade-in\"\u003eMuseum-Grade Excellence\u003c\/div\u003e\n    \u003ch2 class=\"section-title fade-in\"\u003eCrafted for Permanence\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle fade-in\"\u003eEvery detail considered. Every material selected for longevity.\u003c\/p\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e\n                \u003csvg viewbox=\"0 0 50 50\"\u003e\n                    \u003cpath d=\"M25 5L45 15V35L25 45L5 35V15L25 5Z\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M25 25V45\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M5 15L25 25L45 15\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eLimited Edition\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eEach print is hand-numbered with absolute edition limits. No reprints. No exceptions. Your investment remains protected by scarcity.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e\n                \u003csvg viewbox=\"0 0 50 50\"\u003e\n                    \u003ccircle cx=\"25\" cy=\"25\" r=\"18\"\u003e\u003c\/circle\u003e\n                    \u003cpath d=\"M25 12V25L33 33\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eArchival Quality\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eMuseum-grade archival pigment inks and premium substrates ensure your artwork maintains its depth and clarity for 100+ years under proper conditions.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card fade-in\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e\n                \u003csvg viewbox=\"0 0 50 50\"\u003e\n                    \u003cpath d=\"M10 40L25 10L40 40\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M17 30H33\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003ch3 class=\"feature-title\"\u003eInvestment Ready\u003c\/h3\u003e\n            \u003cp class=\"feature-text\"\u003eDramatic abstracts with geological elegance maintain strong collector demand. Complete provenance documentation accompanies each piece.\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-section\"\u003e\n    \u003cdiv class=\"section-label fade-in\"\u003eEdition Details\u003c\/div\u003e\n    \u003ch2 class=\"section-title fade-in\"\u003eCollector Specifications\u003c\/h2\u003e\n    \u003cdiv class=\"edition-grid\"\u003e\n        \u003cdiv class=\"edition-stat fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e50\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eLimited Prints\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"edition-stat fade-in\"\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=\"edition-stat fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e1\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003eCertificate\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"edition-stat fade-in\"\u003e\n            \u003cdiv class=\"stat-number\"\u003e∞\u003c\/div\u003e\n            \u003cdiv class=\"stat-label\"\u003ePresence\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Curated Pairings --\u003e\n\u003csection class=\"pairings-section\"\u003e\n    \u003cdiv class=\"section-label fade-in\"\u003eCurated Pairings\u003c\/div\u003e\n    \u003ch2 class=\"section-title fade-in\"\u003eComplementary Works\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle fade-in\"\u003ePieces from our collection that share Gilded Faultline's aesthetic sensibility.\u003c\/p\u003e\n    \u003cdiv class=\"pairings-grid\"\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"pairing-card fade-in\"\u003e\n            \u003cdiv class=\"pairing-icon\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\"\u003e\n                    \u003cpath d=\"M12 2L15 8L22 9L17 14L18 21L12 18L6 21L7 14L2 9L9 8L12 2Z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-content\"\u003e\n                \u003ch4\u003eGold Noir Luxe Collection\u003c\/h4\u003e\n                \u003cp\u003eExplore the full collection\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/a\u003e\n        \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"pairing-card fade-in\"\u003e\n            \u003cdiv class=\"pairing-icon\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\"\u003e\n                    \u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M9 9H15V15H9Z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-content\"\u003e\n                \u003ch4\u003eArchitectural Abstracts\u003c\/h4\u003e\n                \u003cp\u003eBold geometric statements\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Collection CTA --\u003e\n\u003csection class=\"collection-section\"\u003e\n    \u003cdiv class=\"section-label fade-in\"\u003eExplore Further\u003c\/div\u003e\n    \u003ch2 class=\"section-title fade-in\"\u003eGold Noir Luxe Collection\u003c\/h2\u003e\n    \u003cp class=\"section-subtitle fade-in\"\u003eDiscover more works that embody the same commanding presence and refined drama.\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection\" class=\"collection-cta fade-in\"\u003e\n        \u003cspan\u003eView Full Collection\u003c\/span\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 12H19M19 12L12 5M19 12L12 19\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n    \u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Investment Positioning --\u003e\n\u003csection class=\"investment-section\"\u003e\n    \u003cdiv class=\"investment-content\"\u003e\n        \u003cdiv class=\"section-label fade-in\"\u003eInvestment Positioning\u003c\/div\u003e\n        \u003ch2 class=\"section-title fade-in\"\u003eDesigned for Exceptional Spaces\u003c\/h2\u003e\n        \u003cp class=\"section-subtitle fade-in\"\u003eGilded Faultline belongs in environments that demand presence without excess—spaces where architecture, light, and art converge.\u003c\/p\u003e\n        \u003cdiv class=\"target-spaces fade-in\"\u003e\n            \u003cspan class=\"space-tag\"\u003eStatement Entryways\u003c\/span\u003e\n            \u003cspan class=\"space-tag\"\u003ePenthouse Living Rooms\u003c\/span\u003e\n            \u003cspan class=\"space-tag\"\u003eLuxury Hotel Lobbies\u003c\/span\u003e\n            \u003cspan class=\"space-tag\"\u003eExecutive Boardrooms\u003c\/span\u003e\n            \u003cspan class=\"space-tag\"\u003eCollector Galleries\u003c\/span\u003e\n            \u003cspan class=\"space-tag\"\u003ePrivate Residences\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Luxury Brand Strip --\u003e\n\u003cdiv class=\"brand-strip\"\u003e\n    \u003cdiv class=\"brand-strip-inner\"\u003e\n        \u003cspan\u003eTrusted by world-class hospitality brands\u003c\/span\u003e\n        \u003cspan class=\"brand-name\"\u003eAman\u003c\/span\u003e\n        \u003cspan class=\"brand-name\"\u003eFour Seasons\u003c\/span\u003e\n        \u003cspan class=\"brand-name\"\u003eSt. Regis\u003c\/span\u003e\n        \u003cspan class=\"brand-name\"\u003eRitz-Carlton Reserve\u003c\/span\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n    \u003cdiv class=\"final-cta-content\"\u003e\n        \u003cdiv class=\"section-label fade-in\"\u003eBegin Your Collection\u003c\/div\u003e\n        \u003ch2 class=\"fade-in\"\u003eAcquire Gilded Faultline\u003c\/h2\u003e\n        \u003cp class=\"fade-in\"\u003eFor private viewings, custom sizing inquiries, or acquisition details, connect directly with our studio.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com?subject=Acquisition%20Inquiry:%20Gilded%20Faultline\" class=\"inquiry-button fade-in\"\u003eRequest Private Consultation\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-inner\"\u003e\n        \u003cdiv\u003e\n            \u003cdiv class=\"footer-logo\"\u003eKASIAN ART STUDIO\u003c\/div\u003e\n            \u003cdiv class=\"footer-tagline\"\u003eMoody. Elegant. Timeless.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"footer-social\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\" target=\"_blank\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\" target=\"_blank\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eContact\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"footer-copyright\"\u003e\n        © 2026 Kasian Art Studio, L.L.C. All Rights Reserved.\n    \u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- Scroll Animation Script --\u003e\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 on scroll\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.1\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":47458859122853,"sku":"9336233_16039","price":13424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47458859155621,"sku":"9336233_16045","price":13424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47458859188389,"sku":"9336233_15700","price":13424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_4672.png?v=1769894564"},{"product_id":"whispered-meridian","title":"Whispered Meridian — Limited Edition Neutral \u0026 Gold Abstract","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\u003eWhispered Meridian | Luxury Neutral \u0026amp; Gold Abstract Art\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Museum-grade neutral abstract artwork with delicate charcoal movement and subtle gold detailing. Designed for luxury interiors and hospitality spaces.\"\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;800;900\u0026amp;family=Inter:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --bg-dark: #0a0a0a;\n            --bg-card: #151515;\n            --text-primary: #f5f5f0;\n            --text-secondary: #c4c4b8;\n            --accent-gold: #c9a577;\n            --accent-gold-dim: rgba(201, 165, 119, 0.15);\n            --divider: rgba(201, 165, 119, 0.2);\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background: var(--bg-dark);\n            color: var(--text-primary);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Smooth Scroll *\/\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Typography *\/\n        h1, h2, h3 {\n            font-family: 'Playfair Display', serif;\n            font-weight: 400;\n            letter-spacing: 0.02em;\n        }\n\n        .serif-accent {\n            font-family: 'Cormorant Garamond', serif;\n            font-style: italic;\n        }\n\n        \/* Header *\/\n        header {\n            position: fixed;\n            top: 0;\n            width: 100%;\n            z-index: 1000;\n            background: rgba(10, 10, 10, 0.95);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid rgba(201, 165, 119, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        nav {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 3rem;\n        }\n\n        .logo {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.3rem;\n            font-weight: 600;\n            letter-spacing: 0.1em;\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: 2.5rem;\n            list-style: none;\n        }\n\n        .nav-links a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            font-size: 0.9rem;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\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            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 top, rgba(201, 165, 119, 0.03), transparent 50%),\n                radial-gradient(ellipse at bottom, rgba(201, 165, 119, 0.02), transparent 50%);\n            pointer-events: none;\n        }\n\n        .floating-lines {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: hidden;\n            opacity: 0.4;\n        }\n\n        .line {\n            position: absolute;\n            background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n            height: 1px;\n            width: 100%;\n            animation: floatLine 15s ease-in-out infinite;\n        }\n\n        .line:nth-child(1) { top: 20%; animation-delay: 0s; }\n        .line:nth-child(2) { top: 40%; animation-delay: 3s; }\n        .line:nth-child(3) { top: 60%; animation-delay: 6s; }\n        .line:nth-child(4) { top: 80%; animation-delay: 9s; }\n\n        @keyframes floatLine {\n            0%, 100% { transform: translateX(-100%); opacity: 0; }\n            50% { opacity: 0.3; }\n            100% { transform: translateX(100%); opacity: 0; }\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        .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.75rem;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            margin-bottom: 2rem;\n            animation: fadeIn 1s ease-out 0.3s both;\n        }\n\n        .hero h1 {\n            font-size: clamp(3rem, 8vw, 6rem);\n            font-weight: 300;\n            line-height: 1.1;\n            margin-bottom: 1.5rem;\n            letter-spacing: 0.02em;\n            animation: fadeInUp 1s ease-out 0.5s both;\n        }\n\n        .tagline {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: clamp(1.3rem, 3vw, 2rem);\n            font-style: italic;\n            color: var(--text-secondary);\n            margin-bottom: 3rem;\n            animation: fadeInUp 1s ease-out 0.7s both;\n        }\n\n        .cta-button {\n            display: inline-block;\n            padding: 1rem 2.5rem;\n            background: transparent;\n            border: 1px solid var(--accent-gold);\n            color: var(--accent-gold);\n            text-decoration: none;\n            font-size: 0.9rem;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            animation: fadeInUp 1s ease-out 0.9s both;\n        }\n\n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: var(--accent-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-dark);\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 { 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-size: clamp(2rem, 5vw, 3.5rem);\n            text-align: center;\n            margin-bottom: 3rem;\n            font-weight: 300;\n        }\n\n        .divider {\n            width: 80px;\n            height: 1px;\n            background: var(--accent-gold);\n            margin: 4rem auto;\n        }\n\n        \/* Video Section *\/\n        .video-section {\n            background: var(--bg-card);\n            padding: 6rem 2rem;\n            margin: 4rem 0;\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(--divider);\n        }\n\n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        \/* Description Section *\/\n        .description {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .description p {\n            font-size: 1.1rem;\n            line-height: 1.9;\n            color: var(--text-secondary);\n            margin-bottom: 1.5rem;\n        }\n\n        \/* Backstory Section *\/\n        .backstory {\n            background: var(--bg-card);\n            padding: 6rem 2rem;\n        }\n\n        .backstory-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .backstory-content p {\n            font-size: 1.05rem;\n            line-height: 1.9;\n            color: var(--text-secondary);\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            padding: 2.5rem;\n            background: var(--bg-card);\n            border: 1px solid var(--divider);\n            transition: all 0.4s ease;\n        }\n\n        .feature-card:hover {\n            border-color: var(--accent-gold);\n            transform: translateY(-5px);\n        }\n\n        .feature-icon {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n            color: var(--accent-gold);\n        }\n\n        .feature-card h3 {\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n            font-weight: 400;\n        }\n\n        .feature-card p {\n            color: var(--text-secondary);\n            line-height: 1.8;\n        }\n\n        \/* Edition Details *\/\n        .edition-details {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n            margin: 4rem 0;\n            text-align: center;\n        }\n\n        .detail-item {\n            padding: 2rem;\n            border: 1px solid var(--divider);\n        }\n\n        .detail-number {\n            font-family: 'Playfair Display', serif;\n            font-size: 3rem;\n            color: var(--accent-gold);\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n\n        .detail-label {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--text-secondary);\n        }\n\n        \/* Curated Pairings *\/\n        .pairings {\n            background: var(--bg-card);\n            padding: 6rem 2rem;\n        }\n\n        .pairings-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .pairing-card {\n            padding: 2rem;\n            border: 1px solid var(--divider);\n            transition: all 0.3s ease;\n            text-align: center;\n        }\n\n        .pairing-card:hover {\n            border-color: var(--accent-gold);\n        }\n\n        .pairing-card h3 {\n            font-size: 1.3rem;\n            margin-bottom: 1rem;\n            color: var(--accent-gold);\n        }\n\n        .pairing-card p {\n            color: var(--text-secondary);\n            line-height: 1.7;\n        }\n\n        \/* Target Spaces *\/\n        .target-spaces {\n            padding: 6rem 2rem;\n        }\n\n        .spaces-list {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1.5rem;\n            margin-top: 3rem;\n        }\n\n        .space-tag {\n            padding: 0.8rem 1.5rem;\n            border: 1px solid var(--divider);\n            font-size: 0.9rem;\n            letter-spacing: 0.05em;\n            transition: all 0.3s ease;\n        }\n\n        .space-tag:hover {\n            border-color: var(--accent-gold);\n            color: var(--accent-gold);\n        }\n\n        \/* Luxury Brands Strip *\/\n        .luxury-brands {\n            background: var(--bg-card);\n            padding: 4rem 2rem;\n            text-align: center;\n            border-top: 1px solid var(--divider);\n            border-bottom: 1px solid var(--divider);\n        }\n\n        .luxury-brands p {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\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(--accent-gold);\n            letter-spacing: 0.1em;\n        }\n\n        \/* Collection CTA *\/\n        .collection-cta {\n            text-align: center;\n            padding: 6rem 2rem;\n        }\n\n        .collection-cta h2 {\n            font-size: clamp(2rem, 5vw, 3rem);\n            margin-bottom: 1.5rem;\n        }\n\n        .collection-cta p {\n            color: var(--text-secondary);\n            font-size: 1.1rem;\n            margin-bottom: 2.5rem;\n        }\n\n        \/* Final CTA *\/\n        .final-cta {\n            background: var(--bg-card);\n            padding: 8rem 2rem;\n            text-align: center;\n        }\n\n        .final-cta h2 {\n            font-size: clamp(2.5rem, 6vw, 4rem);\n            margin-bottom: 2rem;\n            font-weight: 300;\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            padding: 4rem 2rem 2rem;\n            text-align: center;\n            border-top: 1px solid var(--divider);\n        }\n\n        .social-links {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            margin-bottom: 2rem;\n        }\n\n        .social-links a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            transition: color 0.3s ease;\n        }\n\n        .social-links a:hover {\n            color: var(--accent-gold);\n        }\n\n        .copyright {\n            font-size: 0.8rem;\n            color: var(--text-secondary);\n            letter-spacing: 0.05em;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            nav {\n                padding: 1rem 1.5rem;\n            }\n\n            .nav-links {\n                gap: 1.5rem;\n            }\n\n            .nav-links a {\n                font-size: 0.75rem;\n            }\n\n            section {\n                padding: 4rem 1.5rem;\n            }\n\n            .features-grid,\n            .edition-details {\n                grid-template-columns: 1fr;\n            }\n\n            .pairings-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* Scroll Reveal *\/\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    \u003c\/style\u003e\n\n\n    \u003c!-- Header --\u003e\n    \u003cheader\u003e\n        \u003cnav\u003e\n            \u003ca href=\"https:\/\/www.kasianartstudio.com\" class=\"logo\"\u003eKASIAN ART STUDIO\u003c\/a\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"#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\"\u003eInquire\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Hero Section --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"floating-lines\"\u003e\n            \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cdiv class=\"edition-badge\"\u003eLimited Edition\u003c\/div\u003e\n            \u003ch1\u003eWhispered Meridian\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\/eOpXnP1S40k\" title=\"Whispered Meridian - 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 reveal\"\u003e\n        \u003cp\u003eA study in restraint and flow. Whispered Meridian moves through ivory space with softened charcoal washes and gilded threads of quiet opulence.\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\" id=\"about\"\u003e\n        \u003cdiv class=\"backstory-content reveal\"\u003e\n            \u003ch2 class=\"section-title\"\u003eThe Essence\u003c\/h2\u003e\n            \u003cp\u003eWhispered Meridian is a museum-grade abstract composition defined by delicacy, balance, and architectural calm. Fine ink-like lines drift across a textured ivory ground, intersecting with translucent charcoal washes and subtle metallic gold accents that appear embedded rather than imposed.\u003c\/p\u003e\n            \n            \u003cp\u003eThe movement is fluid yet intentional — reminiscent of topographic contours or unseen currents beneath still water. Each line carries tension and release, creating a work that feels organic while remaining refined.\u003c\/p\u003e\n            \n            \u003cp\u003eUnlike bold statement pieces that command through contrast, Whispered Meridian elevates through nuance. It is designed for interiors that value softness, light, and considered detail — spa-like bedrooms, serene living spaces, boutique hotel corridors, and gallery-style residences where minimalism meets warmth.\u003c\/p\u003e\n            \n            \u003cp\u003eThe gold detailing is restrained, offering quiet radiance that shifts subtly under changing light. This is art meant to breathe within a space — understated yet unmistakably luxurious.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Features Section --\u003e\n    \u003csection id=\"features\"\u003e\n        \u003ch2 class=\"section-title reveal\"\u003eMuseum-Grade Excellence\u003c\/h2\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\u003eLimited Edition\u003c\/h3\u003e\n                \u003cp\u003eEach piece is hand-numbered and strictly limited. No additional editions will ever be produced beyond the stated release, ensuring lasting exclusivity and collector value.\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\u003eArchival Quality\u003c\/h3\u003e\n                \u003cp\u003eMuseum-grade materials ensure exceptional longevity and tonal stability. Printed with archival pigment inks and metallic gold detailing on premium substrates rated for long-term display.\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\u003eInvestment Ready\u003c\/h3\u003e\n                \u003cp\u003eRefined neutral abstracts with subtle metallic accents maintain strong demand among collectors seeking quiet luxury. Each piece includes Certificate of Authenticity and provenance documentation.\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-details reveal\"\u003e\n            \u003cdiv class=\"detail-item\"\u003e\n                \u003cspan class=\"detail-number\"\u003eLimited\u003c\/span\u003e\n                \u003cspan class=\"detail-label\"\u003eEdition Status\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"detail-item\"\u003e\n                \u003cspan class=\"detail-number\"\u003eMuseum\u003c\/span\u003e\n                \u003cspan class=\"detail-label\"\u003eGrade Quality\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"detail-item\"\u003e\n                \u003cspan class=\"detail-number\"\u003e2026\u003c\/span\u003e\n                \u003cspan class=\"detail-label\"\u003eYear Released\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"detail-item\"\u003e\n                \u003cspan class=\"detail-number\"\u003eNumbered\u003c\/span\u003e\n                \u003cspan class=\"detail-label\"\u003e\u0026amp; Certified\u003c\/span\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 reveal\"\u003eCurated Pairings\u003c\/h2\u003e\n        \u003cdiv class=\"pairings-grid\"\u003e\n            \u003cdiv class=\"pairing-card reveal\"\u003e\n                \u003ch3\u003eWarm Neutrals\u003c\/h3\u003e\n                \u003cp\u003ePlaster, travertine interiors, and natural oak create harmonious dialogue with the piece's soft palette.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pairing-card reveal\"\u003e\n                \u003ch3\u003eTextural Layers\u003c\/h3\u003e\n                \u003cp\u003eLinen textiles and brushed brass accents enhance the artwork's restrained elegance and quiet luxury aesthetic.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Target Spaces --\u003e\n    \u003csection class=\"target-spaces reveal\"\u003e\n        \u003ch2 class=\"section-title\"\u003eDesigned For\u003c\/h2\u003e\n        \u003cdiv class=\"spaces-list\"\u003e\n            \u003cdiv class=\"space-tag\"\u003eSpa-Inspired Bedrooms\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eBoutique Hotel Corridors\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eSerene Living Spaces\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eGallery-Style Residences\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eWellness Centers\u003c\/div\u003e\n            \u003cdiv class=\"space-tag\"\u003eMinimalist Penthouses\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 most distinguished 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!-- Collection CTA --\u003e\n    \u003csection class=\"collection-cta reveal\" id=\"collection\"\u003e\n        \u003ch2\u003eExplore the Collection\u003c\/h2\u003e\n        \u003cp\u003eDiscover more refined abstracts 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!-- Final CTA --\u003e\n    \u003csection class=\"final-cta\" id=\"inquiry\"\u003e\n        \u003ch2\u003eBegin Your Inquiry\u003c\/h2\u003e\n        \u003cp\u003eLimited availability. Museum-grade quality. Investment-worthy provenance.\u003cbr\u003eInquire about acquisition and custom sizing.\u003c\/p\u003e\n        \u003ca href=\"mailto:kristina@kasianartstudio.com\" class=\"cta-button\"\u003eContact Studio\u003c\/a\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Footer --\u003e\n    \u003cfooter\u003e\n        \u003cdiv class=\"social-links\"\u003e\n            \u003ca href=\"https:\/\/www.instagram.com\/kasianartstudio\"\u003eInstagram\u003c\/a\u003e\n            \u003ca href=\"https:\/\/www.pinterest.com\/kasianartstudio\"\u003ePinterest\u003c\/a\u003e\n            \u003ca href=\"mailto:kristina@kasianartstudio.com\"\u003eEmail\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"copyright\"\u003e© 2026 Kasian Art Studio, L.L.C. All Rights Reserved.\u003c\/p\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- Scroll Reveal Script --\u003e\n    \u003cscript\u003e\n        \/\/ Scroll reveal animation\n        const reveals = document.querySelectorAll('.reveal');\n        \n        function checkScroll() {\n            reveals.forEach(element =\u003e {\n                const elementTop = element.getBoundingClientRect().top;\n                const windowHeight = window.innerHeight;\n                \n                if (elementTop \u003c windowHeight - 100) {\n                    element.classList.add('active');\n                }\n            });\n        }\n        \n        window.addEventListener('scroll', checkScroll);\n        checkScroll();\n\n        \/\/ Header scroll effect\n        const header = document.querySelector('header');\n        window.addEventListener('scroll', () =\u003e {\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\u003c\/body\u003e","brand":"Kasian Art Studio","offers":[{"title":"Black","offer_id":47502544863397,"sku":"4035113_16039","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":47502544896165,"sku":"4035113_16045","price":11424.45,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47502544928933,"sku":"4035113_15700","price":11424.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/files\/IMG_1389.png?v=1771283580"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0703\/6629\/8277\/collections\/69BF3C1E-7E2E-4E74-BBF7-E0E2C805AFCF_6de33d38-cd4a-4236-b038-084ac22d9680.png?v=1763412100","url":"https:\/\/www.kasianartstudio.com\/collections\/gold-noir-luxe-collection.oembed?page=2","provider":"Kasian Art Studio","version":"1.0","type":"link"}