{"id":8,"date":"2026-06-29T14:24:37","date_gmt":"2026-06-29T14:24:37","guid":{"rendered":"https:\/\/cindymori02.mystartupcrew.com\/?page_id=8"},"modified":"2026-06-29T18:30:16","modified_gmt":"2026-06-29T18:30:16","slug":"home","status":"publish","type":"page","link":"https:\/\/cindymori02.mystartupcrew.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-205bd62 e-con-full e-flex e-con e-parent\" data-id=\"205bd62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:16,&quot;url&quot;:&quot;https:\\\/\\\/cindymori02.mystartupcrew.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/8df06e_9f1cc38587cf46e1b3d2719144aa3528mv2.jpg&quot;},{&quot;id&quot;:19,&quot;url&quot;:&quot;https:\\\/\\\/cindymori02.mystartupcrew.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Hero-bg.png&quot;},{&quot;id&quot;:18,&quot;url&quot;:&quot;https:\\\/\\\/cindymori02.mystartupcrew.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/8df06e_9d57b5f429e9437890022bb3451d4880mv2.jpg&quot;}],&quot;background_slideshow_slide_duration&quot;:7000,&quot;background_slideshow_transition_duration&quot;:600,&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b1506c5 e-con-full e-flex e-con e-child\" data-id=\"b1506c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-04b1d4d e-con-full e-flex e-con e-child\" data-id=\"04b1d4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b551c9e elementor-widget elementor-widget-heading\" data-id=\"b551c9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Welcome to<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4932afa elementor-widget elementor-widget-heading\" data-id=\"4932afa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CINDY MORI ART<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f38446 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0f38446\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Discover original contemporary artwork that celebrates color, nature, and imagination. Explore Cindy Mori&#8217;s unique collections, join inspiring painting workshops, and bring meaningful art into your home.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c1b088 elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4c1b088\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Original Paintings <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Workshops<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Inspired Living<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f63969 e-con-full e-flex e-con e-child\" data-id=\"7f63969\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f11fdb elementor-widget elementor-widget-button\" data-id=\"3f11fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Collections<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-601234e elementor-widget elementor-widget-button\" data-id=\"601234e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Paint with Cindy<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a68849e e-con-full e-flex e-con e-child\" data-id=\"a68849e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-029e0c3 e-con-full e-flex e-con e-parent\" data-id=\"029e0c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba4604f elementor-widget elementor-widget-html\" data-id=\"ba4604f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cm-about{\r\n    max-width:1400px;\r\n    margin:80px auto;\r\n    padding:0 30px;\r\n    display:grid;\r\n    grid-template-columns:1fr 0.9fr 1fr;\r\n    gap:40px;\r\n    align-items:stretch;\r\n}\r\n\r\n.about-img{\r\n    overflow:hidden;\r\n    border-radius:24px;\r\n    position:relative;\r\n    height:100%;\r\n}\r\n\r\n.about-img img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition:.6s;\r\n}\r\n\r\n.about-img:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n.about-content{\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    background:#fff;\r\n    padding:50px 40px;\r\n    text-align:center;\r\n}\r\n\r\n.about-content span{\r\n    font-size:12px;\r\n    text-transform:uppercase;\r\n    letter-spacing:5px;\r\n    color:#b48a43;\r\n    margin-bottom:18px;\r\n    font-weight:600;\r\n}\r\n\r\n.about-content h2{\r\n   font-family: \"Montserrat\", sans-serif;\r\n    font-size:58px;\r\n    line-height:1;\r\n    color:#222;\r\n    margin-bottom:25px;\r\n    font-weight:600;\r\n}\r\n\r\n.about-content p{\r\n    font-family: \"poppins\", sans-serif;\r\n    font-size:17px;\r\n    color:#000;\r\n    line-height:1.9;\r\n    margin-bottom:35px;\r\n}\r\n\r\n.about-content a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    padding: 12px 28px;\r\n    min-height: 48px;\r\n\r\n    background: #BC9B5D;\r\n    color: #fff;\r\n    border: 1px solid #BC9B5D;\r\n    border-radius: 999px;\r\n\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n\r\n    transition: background-color .35s ease,\r\n                color .35s ease,\r\n                border-color .35s ease,\r\n                transform .35s ease,\r\n                box-shadow .35s ease;\r\n}\r\n\r\n.about-content a svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: #fff;\r\n    stroke-width: 2;\r\n    transition: transform .35s ease, stroke .35s ease;\r\n}\r\n\r\n.about-content a:hover {\r\n    background: #fff;\r\n    color: #000;\r\n    border-color: #BC9B5D;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(188, 155, 93, 0.18);\r\n}\r\n\r\n.about-content a:hover svg {\r\n    stroke: #BC9B5D;\r\n    transform: translateX(4px);\r\n}\r\n\r\n.about-content a:active {\r\n    transform: translateY(0);\r\n    box-shadow: none;\r\n}\r\n\r\n.about-content a:focus-visible {\r\n    outline: 3px solid rgba(188, 155, 93, 0.25);\r\n    outline-offset: 3px;\r\n}\r\n@media(max-width:1024px){\r\n\r\n.cm-about{\r\n    grid-template-columns:1fr;\r\n    gap:30px;\r\n}\r\n\r\n.about-img{\r\n    height:450px;\r\n}\r\n\r\n.about-content{\r\n    padding:40px 25px;\r\n}\r\n\r\n.about-content h2{\r\n    font-size:42px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"cm-about\">\r\n\r\n    <div class=\"about-img\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/8df06e_3863f5522a334bd6bbe272e7b81eea74~mv2.jpg\/v1\/fill\/w_418,h_693,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/8df06e_3863f5522a334bd6bbe272e7b81eea74~mv2.jpg\" alt=\"Cindy Mori\">\r\n\r\n    <\/div>\r\n\r\n    <div class=\"about-content\">\r\n\r\n        <span>ABOUT THE ARTIST<\/span>\r\n\r\n        <h2>About Cindy<\/h2>\r\n\r\n        <p>\r\n            My work is inspired by nature, emotion, healing, and the unexpected beauty found in everyday life.\r\n            Each painting is an invitation to slow down, notice, and reconnect with joy.\r\n        <\/p>\r\n\r\n        <a href=\"#\">\r\n\r\n            More Info\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12H19\"\/>\r\n                <path d=\"M13 6L19 12L13 18\"\/>\r\n            <\/svg>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"about-img\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/8df06e_97468917d55a4612b40cf67981eb28aa~mv2.jpeg\/v1\/fill\/w_423,h_693,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/8df06e_97468917d55a4612b40cf67981eb28aa~mv2.jpeg\" alt=\"Artwork\">\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf7a4a0 e-con-full e-flex e-con e-parent\" data-id=\"bf7a4a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d581995 elementor-widget elementor-widget-html\" data-id=\"d581995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Minimalist Collections Section - Poppins + Montserrat -->\r\n<style>\r\n\/* ============================================\r\n   IMPORT GOOGLE FONTS\r\n   ============================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* ============================================\r\n   RESET & BASE\r\n   ============================================ *\/\r\n.collections-minimal-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION WRAPPER\r\n   ============================================ *\/\r\n.collections-minimal {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.collections-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER\r\n   ============================================ *\/\r\n.collections-header {\r\n  text-align: center;\r\n  margin-bottom: 4rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.collections-header.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.collections-header .section-label {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.75rem;\r\n  letter-spacing: 10px;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.collections-header h2 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2rem, 4vw, 3.2rem);\r\n  font-weight: 300;\r\n  color: #2c241e;\r\n  letter-spacing: 0.05em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.collections-header h2 span {\r\n  font-weight: 500;\r\n  color: #2c241e;\r\n}\r\n\r\n.collections-header .subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  margin-top: 0.5rem;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* ============================================\r\n   COLLECTION ITEM - MINIMAL\r\n   ============================================ *\/\r\n.collection-item {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n  padding: 2.5rem 0;\r\n  border-bottom: 1px solid rgba(200, 185, 175, 0.08);\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.9s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.collection-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.collection-item.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Alternate Layout *\/\r\n.collection-item.image-left .collection-image {\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n}\r\n\r\n.collection-item.image-left .collection-content {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n}\r\n\r\n.collection-item.image-right .collection-image {\r\n  grid-column: 2;\r\n  grid-row: 1;\r\n}\r\n\r\n.collection-item.image-right .collection-content {\r\n  grid-column: 1;\r\n  grid-row: 1;\r\n}\r\n\r\n\/* ============================================\r\n   COLLECTION IMAGE - MINIMAL\r\n   ============================================ *\/\r\n.collection-image {\r\n  position: relative;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  background: #f5f2ef;\r\n  aspect-ratio: 4\/3;\r\n  transition: box-shadow 0.5s ease;\r\n}\r\n\r\n.collection-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.collection-image:hover img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n\/* Image Number - Minimal *\/\r\n.collection-image .image-number {\r\n  position: absolute;\r\n  bottom: 16px;\r\n  right: 18px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 1.6rem;\r\n  font-weight: 300;\r\n  color: rgba(255, 255, 255, 0.15);\r\n  letter-spacing: 1px;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* ============================================\r\n   COLLECTION CONTENT - MINIMAL\r\n   ============================================ *\/\r\n.collection-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.collection-content .collection-number {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.6rem;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  color: #b7a393;\r\n  margin-bottom: 0.4rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.collection-content h3 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(1.6rem, 2.5vw, 2.4rem);\r\n  font-weight: 300;\r\n  color: #2c241e;\r\n  margin-bottom: 0.6rem;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.15;\r\n}\r\n\r\n.collection-content .collection-description {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  color: #000;\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.collection-content .collection-example {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.8rem;\r\n  font-weight: 400;\r\n  color: #b7a393;\r\n  font-style: italic;\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n\/* ============================================\r\n   EXPLORE LINK - MINIMAL\r\n   ============================================ *\/\r\n.collection-content .btn-explore {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n\r\n  color: #ffffff;\r\n  background: #BC9B5D;\r\n\r\n  padding: 12px 28px;\r\n  border: 1px solid #b7a393;\r\n  border-radius: 50px;\r\n\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.collection-content .btn-explore:hover {\r\n  background: transparent;\r\n  color: #b7a393;\r\n  border-color: #b7a393;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(183, 163, 147, 0.18);\r\n}\r\n\r\n.collection-content .btn-explore .arrow {\r\n  display: inline-block;\r\n  font-size: 14px;\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.collection-content .btn-explore:hover .arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.collection-content .btn-explore:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n.collection-content .btn-explore:focus {\r\n  outline: none;\r\n  box-shadow: 0 0 0 3px rgba(183, 163, 147, 0.25);\r\n}}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n@media screen and (max-width: 992px) {\r\n  .collection-item {\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n    padding: 2rem 0;\r\n  }\r\n  \r\n  .collection-item.image-left .collection-image,\r\n  .collection-item.image-right .collection-image {\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n  }\r\n  \r\n  .collection-item.image-left .collection-content,\r\n  .collection-item.image-right .collection-content {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n  }\r\n  \r\n  .collection-image {\r\n    max-width: 450px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .collection-content {\r\n    text-align: center;\r\n  }\r\n  \r\n  .collection-content .btn-explore {\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .collection-content .collection-example {\r\n    margin: 0 auto 1.2rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .collections-minimal {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n  \r\n  .collections-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n  \r\n  .collections-header h2 {\r\n    font-size: clamp(1.8rem, 7vw, 2.4rem);\r\n  }\r\n  \r\n  .collections-header .subtitle {\r\n    font-size: 0.8rem;\r\n  }\r\n  \r\n  .collection-item {\r\n    padding: 1.5rem 0;\r\n    gap: 1.5rem;\r\n  }\r\n  \r\n  .collection-image {\r\n    border-radius: 12px;\r\n  }\r\n  \r\n  .collection-image .image-number {\r\n    font-size: 1.2rem;\r\n    bottom: 12px;\r\n    right: 14px;\r\n  }\r\n  \r\n  .collection-content h3 {\r\n    font-size: clamp(1.4rem, 5vw, 1.8rem);\r\n  }\r\n  \r\n  .collection-content .collection-description {\r\n    font-size: 0.85rem;\r\n  }\r\n  \r\n  .collection-content .btn-explore {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .collections-minimal-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     HTML - Minimalist Collections Section\r\n     ============================================ -->\r\n<div class=\"collections-minimal-wrap\">\r\n  <section class=\"collections-minimal\">\r\n    \r\n    <div class=\"collections-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"collections-header\" data-animate>\r\n        <div class=\"section-label\">\u2726 Collections<\/div>\r\n        <h2>\r\n          Explore Cindy's <span>Collections<\/span>\r\n        <\/h2>\r\n        <p class=\"subtitle\">Abstract \u00b7 Angels \u00b7 Florals \u00b7 Intuitive \u00b7 Whimsy \u00b7 Landscapes<\/p>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           COLLECTION 1 - Abstract (Image Left)\r\n           ========================================== -->\r\n      <div class=\"collection-item image-left\" data-animate>\r\n        <div class=\"collection-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/e20b46_b71e3fcc88f4461eb9a5ec220aa6ccf8~mv2.jpg\/v1\/fill\/w_723,h_407,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/e20b46_b71e3fcc88f4461eb9a5ec220aa6ccf8~mv2.jpg\" alt=\"Abstract Collection\" loading=\"lazy\" \/>\r\n          <span class=\"image-number\">01<\/span>\r\n        <\/div>\r\n        <div class=\"collection-content\">\r\n          <span class=\"collection-number\">\u2726 01<\/span>\r\n          <h3>Abstract<\/h3>\r\n          <p class=\"collection-description\">\r\n            My abstract art is an  exploration of landscapes that we carry within us.  Through expressive layers, luminous color, and intuitive mark making, my work reflects moments of loss, healing, wonder and renewal. Each painting creates one - a space to pause, breathe, and discover your own meaning.\r\n          <\/p>\r\n          <span class=\"collection-example\">\"Blue Stema line in the path\"<\/span>\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            Explore <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           COLLECTION 2 - Angels (Image Right)\r\n           ========================================== -->\r\n      <div class=\"collection-item image-right\" data-animate>\r\n        <div class=\"collection-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/e20b46_490284b743904b51a713c68ba774b614~mv2.jpeg\/v1\/fill\/w_723,h_399,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/e20b46_490284b743904b51a713c68ba774b614~mv2.jpeg\" alt=\"Angels Collection\" loading=\"lazy\" \/>\r\n          <span class=\"image-number\">02<\/span>\r\n        <\/div>\r\n        <div class=\"collection-content\">\r\n          <span class=\"collection-number\">\u2726 02<\/span>\r\n          <h3>Angels<\/h3>\r\n          <p class=\"collection-description\">\r\n            Painting angels requires an inner quiet, a connection and then once I feel this, the work will develop spontaneously. I almost lose myself as I paint. It is deeply meditative. Each work of art becomes both deeply personal and I think universally human.  \r\n          <\/p>\r\n          <span class=\"collection-example\">\"Angela Calling\"<\/span>\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            Explore <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           COLLECTION 3 - Florals (Image Left)\r\n           ========================================== -->\r\n      <div class=\"collection-item image-left\" data-animate>\r\n        <div class=\"collection-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/8df06e_9f1cc38587cf46e1b3d2719144aa3528~mv2.jpg\/v1\/fill\/w_723,h_399,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/8df06e_9f1cc38587cf46e1b3d2719144aa3528~mv2.jpg\" alt=\"Florals Collection\" loading=\"lazy\" \/>\r\n          <span class=\"image-number\">03<\/span>\r\n        <\/div>\r\n        <div class=\"collection-content\">\r\n          <span class=\"collection-number\">\u2726 03<\/span>\r\n          <h3>Florals<\/h3>\r\n          <p class=\"collection-description\">\r\n            Florals are inspired from the florals in my garden, bouquet from a loved one, and perhaps something seen in nature.  A bouquet can be painted many, many  times and in many ways.  I use a multi layered approach to my art with mainly acrylics and oil pastels, soft pastels and pencil.\r\n          <\/p>\r\n          <span class=\"collection-example\">\"Crazy Blooms\"<\/span>\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            Explore <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           COLLECTION 4 - Intuitive Art (Image Right)\r\n           ========================================== -->\r\n      <div class=\"collection-item image-right\" data-animate>\r\n        <div class=\"collection-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/8df06e_e00be6b00ddf4250aacbd1c41a7bbaf1~mv2.jpeg\/v1\/fill\/w_723,h_392,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/8df06e_e00be6b00ddf4250aacbd1c41a7bbaf1~mv2.jpeg\" alt=\"Intuitive Art Collection\" loading=\"lazy\" \/>\r\n          <span class=\"image-number\">04<\/span>\r\n        <\/div>\r\n        <div class=\"collection-content\">\r\n          <span class=\"collection-number\">\u2726 04<\/span>\r\n          <h3>Intuitive Art<\/h3>\r\n          <p class=\"collection-description\">\r\n            Intuitive painting is one of my favorite ways to paint.  There is a beginning with perhaps an intention...for example, \u201cPeace\u201d and then I simply begin the painting with mark making, various brushstrokes, stamps, finger paint etc. until the painting shows me something to develop.  \r\n          <\/p>\r\n          <span class=\"collection-example\">\"Maui Turtle Love\"<\/span>\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            Explore <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           COLLECTION 5 - Whimsy (Image Left)\r\n           ========================================== -->\r\n      <div class=\"collection-item image-left\" data-animate>\r\n        <div class=\"collection-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/8df06e_ab68048a66e745ce9d61f791f4e9ea7b~mv2.jpg\/v1\/fill\/w_723,h_399,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/8df06e_ab68048a66e745ce9d61f791f4e9ea7b~mv2.jpg\" alt=\"Whimsy Collection\" loading=\"lazy\" \/>\r\n          <span class=\"image-number\">05<\/span>\r\n        <\/div>\r\n        <div class=\"collection-content\">\r\n          <span class=\"collection-number\">\u2726 05<\/span>\r\n          <h3>Whimsy<\/h3>\r\n          <p class=\"collection-description\">\r\n            Fun and play is apparent in my art.  Joy and happiness and a sense of wonder is a part of my soul..  The horse may be blue with a mountain on its belly.  A pink whale in a sea of flowers. An elephant rollerskating with 5 legs on a purple road.  Nothing makes sense and everything makes sense.  \r\n          <\/p>\r\n          <span class=\"collection-example\">\"Leap\"<\/span>\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            Explore <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ==========================================\r\n           COLLECTION 6 - Landscapes (Image Right)\r\n           ========================================== -->\r\n      <div class=\"collection-item image-right\" data-animate>\r\n        <div class=\"collection-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/static.wixstatic.com\/media\/8df06e_c1bca139f1504230a669eb22e339adde~mv2.jpg\/v1\/fill\/w_723,h_446,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/8df06e_c1bca139f1504230a669eb22e339adde~mv2.jpg\" alt=\"Landscapes Collection\" loading=\"lazy\" \/>\r\n          <span class=\"image-number\">06<\/span>\r\n        <\/div>\r\n        <div class=\"collection-content\">\r\n          <span class=\"collection-number\">\u2726 06<\/span>\r\n          <h3>Landscapes<\/h3>\r\n          <p class=\"collection-description\">\r\n            Currently I enjoy painting plein air, directly from life, on my home coast of Santa Cruz, Carmel, and Big Sur. My travels also inspire these paintings as well, recently New Zealand, and Hawaii.\r\n          <\/p>\r\n          <span class=\"collection-example\">\"Peace on the Water\"<\/span>\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            Explore <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT - Scroll Animation\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  const animatedElements = document.querySelectorAll('[data-animate]');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.15,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  });\r\n\r\n  animatedElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  setTimeout(() => {\r\n    animatedElements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < windowHeight - 100) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }, 200);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e035c41 e-con-full e-flex e-con e-parent\" data-id=\"e035c41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-251ff7b elementor-widget elementor-widget-html\" data-id=\"251ff7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Luxury Minimalist Classes Section - With Elementor Style Button -->\r\n<style>\r\n\/* ============================================\r\n   IMPORT GOOGLE FONTS\r\n   ============================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&display=swap');\r\n\r\n\/* ============================================\r\n   RESET & BASE\r\n   ============================================ *\/\r\n.classes-luxury-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION WRAPPER\r\n   ============================================ *\/\r\n.classes-luxury {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Decorative Gold Accent Lines *\/\r\n.classes-luxury .gold-line {\r\n  position: absolute;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(247, 176, 59, 0.15), transparent);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.classes-luxury .gold-line.g1 {\r\n  width: 60%;\r\n  top: 10%;\r\n  left: 20%;\r\n}\r\n\r\n.classes-luxury .gold-line.g2 {\r\n  width: 40%;\r\n  bottom: 15%;\r\n  right: 10%;\r\n}\r\n\r\n.classes-luxury .gold-line.g3 {\r\n  width: 20%;\r\n  top: 30%;\r\n  left: 5%;\r\n  opacity: 0.3;\r\n}\r\n\r\n.classes-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER - LUXURY\r\n   ============================================ *\/\r\n.classes-header {\r\n  text-align: center;\r\n  margin-bottom: 4rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.classes-header.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.classes-header .section-label {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.55rem;\r\n  letter-spacing: 12px;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n\/*.classes-header .gold-divider {*\/\r\n\/*  width: 40px;*\/\r\n\/*  height: 1.5px;*\/\r\n\/*  background: #F7B03B;*\/\r\n\/*  margin: 0.8rem auto 0.5rem;*\/\r\n\/*}*\/\r\n\r\n.classes-header h2 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 200;\r\n  color: #1a1a1a;\r\n  letter-spacing: 0.08em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.classes-header h2 span {\r\n  font-weight: 400;\r\n  color: #1a1a1a;\r\n}\r\n\r\n.classes-header .subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  margin-top: 0.3rem;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n\/* ============================================\r\n   LUXURY CARD\r\n   ============================================ *\/\r\n.classes-luxury-card {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  background: #fcfaf8;\r\n  border-radius: 20px;\r\n  padding: 2.5rem 2.5rem 2.5rem 0;\r\n  border: 1px solid rgba(200, 185, 175, 0.06);\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: all 0.9s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.classes-luxury-card.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ============================================\r\n   LEFT: IMAGE WITH GOLD BORDER\r\n   ============================================ *\/\r\n.classes-image-wrap {\r\n  position: relative;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  background: #f0ebe6;\r\n  border: 1px solid rgba(247, 176, 59, 0.08);\r\n  transition: border-color 0.5s ease;\r\n}\r\n\r\n.classes-image-wrap:hover {\r\n  border-color: rgba(247, 176, 59, 0.2);\r\n}\r\n\r\n.classes-image-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 420px;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.classes-image-wrap:hover img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n\/* Gold Corner Accent *\/\r\n.classes-image-wrap .gold-corner {\r\n  position: absolute;\r\n  width: 60px;\r\n  height: 60px;\r\n  pointer-events: none;\r\n}\r\n\r\n.classes-image-wrap .gold-corner.tl {\r\n  top: 0;\r\n  left: 0;\r\n  border-top: 1.5px solid rgba(247, 176, 59, 0.15);\r\n  border-left: 1.5px solid rgba(247, 176, 59, 0.15);\r\n}\r\n\r\n.classes-image-wrap .gold-corner.br {\r\n  bottom: 0;\r\n  right: 0;\r\n  border-bottom: 1.5px solid rgba(247, 176, 59, 0.15);\r\n  border-right: 1.5px solid rgba(247, 176, 59, 0.15);\r\n}\r\n\r\n\/* ============================================\r\n   RIGHT: CONTENT - LUXURY\r\n   ============================================ *\/\r\n.classes-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding-right: 1rem;\r\n}\r\n\r\n.classes-content .class-tag {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 8px;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  margin-bottom: 0.6rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.classes-content .class-title {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 1.8rem;\r\n  font-weight: 300;\r\n  color: #1a1a1a;\r\n  margin-bottom: 0.2rem;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n.classes-content .class-meta {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  margin-bottom: 1.2rem;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.classes-content .class-meta .gold-dot {\r\n  color: #F7B03B;\r\n  margin: 0 0.3rem;\r\n}\r\n\r\n.classes-content .class-desc {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.92rem;\r\n  font-weight: 400;\r\n  line-height: 1.9;\r\n  color: #000;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.classes-content .class-desc strong {\r\n  font-weight: 400;\r\n  color: #1a1a1a;\r\n}\r\n\r\n\/* Supplies - Luxury Chips *\/\r\n.classes-content .supplies-luxury {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.4rem;\r\n  margin: 0.3rem 0 1.2rem;\r\n}\r\n\r\n.classes-content .supplies-luxury .chip {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  background: rgba(247, 176, 59, 0.04);\r\n  padding: 0.15rem 0.8rem;\r\n  border-radius: 20px;\r\n  border: 1px solid rgba(247, 176, 59, 0.04);\r\n}\r\n\r\n.classes-content .supplies-luxury .chip strong {\r\n  font-weight: 400;\r\n  color: #1a1a1a;\r\n}\r\n\r\n\/* Pricing - Luxury *\/\r\n.classes-content .pricing-luxury {\r\n  display: flex;\r\n  gap: 2.5rem;\r\n  margin: 0.3rem 0 1.2rem;\r\n}\r\n\r\n.classes-content .pricing-luxury .price-item {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.classes-content .pricing-luxury .price-item .amount {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 1.4rem;\r\n  font-weight: 400;\r\n  color: #1a1a1a;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.classes-content .pricing-luxury .price-item .label {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.78rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n}\r\n\r\n.classes-content .pricing-luxury .price-item .label .highlight {\r\n  color: #F7B03B;\r\n}\r\n\r\n\/* Contact - Luxury *\/\r\n.classes-content .contact-luxury {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  margin-bottom: 1.2rem;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n.classes-content .contact-luxury strong {\r\n  font-weight: 400;\r\n  color: #000;\r\n}\r\n\r\n.classes-content .contact-luxury .phone {\r\n  font-family: 'Montserrat', serif;\r\n  font-weight: 400;\r\n  color: #000;\r\n  text-decoration: none;\r\n  border-bottom: 0.5px solid rgba(247, 176, 59, 0.2);\r\n  padding-bottom: 1px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.classes-content .contact-luxury .phone:hover {\r\n  color: #000;\r\n  border-bottom-color: #000;\r\n}\r\n\r\n\/* ============================================\r\n   BUTTON - ELEMENTOR STYLE\r\n   ============================================ *\/\r\n.classes-content .btn-elementor-style {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  padding: 12px 28px;\r\n  min-height: 48px;\r\n\r\n  background: #BC9B5D;\r\n  color: #fff !important;\r\n  border: 1px solid #BC9B5D;\r\n  border-radius: 999px;\r\n\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.5px;\r\n  line-height: 1;\r\n\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background-color .35s ease,\r\n    color .35s ease,\r\n    border-color .35s ease,\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.classes-content .btn-elementor-style:hover {\r\n  background: #fff;\r\n  color: #000 !important;\r\n  border-color: #BC9B5D;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 20px rgba(188, 155, 93, 0.18);\r\n}\r\n\r\n.classes-content .btn-elementor-style .arrow {\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  transition: transform .35s ease;\r\n}\r\n\r\n.classes-content .btn-elementor-style:hover .arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.classes-content .btn-elementor-style:active {\r\n  transform: translateY(0);\r\n  box-shadow: none;\r\n}\r\n\r\n.classes-content .btn-elementor-style:focus-visible {\r\n  outline: 3px solid rgba(188, 155, 93, 0.25);\r\n  outline-offset: 3px;\r\n}\r\n\r\n.classes-content .btn-group {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n  margin-top: 0.5rem;\r\n}\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n@media screen and (max-width: 991px) {\r\n  .classes-luxury-card {\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n    padding: 2rem;\r\n  }\r\n\r\n  .classes-image-wrap img {\r\n    min-height: 300px;\r\n  }\r\n\r\n  .classes-content {\r\n    padding-right: 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .classes-content .btn-group {\r\n    justify-content: center;\r\n  }\r\n\r\n  .classes-content .btn-elementor-style {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .classes-content .pricing-luxury {\r\n    justify-content: center;\r\n  }\r\n\r\n  .classes-content .supplies-luxury {\r\n    justify-content: center;\r\n  }\r\n\r\n  .classes-content .contact-luxury {\r\n    text-align: center;\r\n  }\r\n\r\n  .classes-image-wrap .gold-corner {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .classes-luxury {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n\r\n  .classes-luxury .gold-line {\r\n    display: none;\r\n  }\r\n\r\n  .classes-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  .classes-header h2 {\r\n    font-size: clamp(2rem, 8vw, 2.6rem);\r\n  }\r\n\r\n  .classes-header .subtitle {\r\n    font-size: 0.8rem;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .classes-luxury-card {\r\n    padding: 1.5rem;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .classes-image-wrap img {\r\n    min-height: 220px;\r\n  }\r\n\r\n  .classes-content .class-title {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  .classes-content .class-desc {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .classes-content .pricing-luxury {\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n    align-items: center;\r\n  }\r\n\r\n  .classes-content .pricing-luxury .price-item {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.1rem;\r\n  }\r\n\r\n  .classes-content .pricing-luxury .price-item .amount {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .classes-content .btn-group {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .classes-content .btn-elementor-style {\r\n    width: 100%;\r\n    justify-content: center;\r\n    font-size: 14px;\r\n    padding: 0.6rem 1.5rem;\r\n  }\r\n\r\n  .classes-content .supplies-luxury .chip {\r\n    font-size: 0.6rem;\r\n  }\r\n\r\n  .classes-image-wrap .gold-corner {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .classes-luxury-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     HTML - Luxury Minimalist Classes Section\r\n     ============================================ -->\r\n<div class=\"classes-luxury-wrap\">\r\n  <section class=\"classes-luxury\">\r\n\r\n    <!-- Gold Accent Lines -->\r\n    <div class=\"gold-line g1\"><\/div>\r\n    <div class=\"gold-line g2\"><\/div>\r\n    <div class=\"gold-line g3\"><\/div>\r\n\r\n    <div class=\"classes-container\">\r\n\r\n      <!-- Section Header -->\r\n      <div class=\"classes-header\" data-animate>\r\n        <div class=\"section-label\">\u2726 Classes<\/div>\r\n        <div class=\"gold-divider\"><\/div>\r\n        <h2>\r\n          Paint with <span>Cindy<\/span>\r\n        <\/h2>\r\n        <p class=\"subtitle\">A one or two day creative experience<\/p>\r\n      <\/div>\r\n\r\n      <!-- Luxury Card -->\r\n      <div class=\"classes-luxury-card\" data-animate>\r\n\r\n        <!-- Left: Image with Gold Corner -->\r\n        <div class=\"classes-image-wrap\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/cindymori02.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/5fe1f0_f9824c0c10b7495abea3daf3475041admv2-1.jpg\" \r\n            alt=\"Life is But a Dream - 24x24 wood panel\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          <div class=\"gold-corner tl\"><\/div>\r\n          <div class=\"gold-corner br\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Right: Content -->\r\n        <div class=\"classes-content\">\r\n\r\n          <span class=\"class-tag\">\u2726 Workshop<\/span>\r\n\r\n          <div class=\"class-title\">Paint with Cindy<\/div>\r\n          <div class=\"class-meta\">\r\n            July 25 &amp; 26, 2026 <span class=\"gold-dot\">\u2726<\/span> Santa Cruz, CA <span class=\"gold-dot\">\u2726<\/span> 10:00 AM \u2013 3:00 PM\r\n          <\/div>\r\n\r\n          <p class=\"class-desc\">\r\n            Lots of fun exploration to create your own wonderful painting, intuitive and freestyle. \r\n            Process is taught and each person will create their own unique style too!\r\n            <br>\r\n            <strong>Class will be small<\/strong> \u2014 lots of personal instruction.\r\n          <\/p>\r\n\r\n          <!-- Supplies -->\r\n          <div class=\"supplies-luxury\">\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Acrylic paints<\/span>\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Brushes &amp; tools<\/span>\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Soft pastels<\/span>\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Oil pastels<\/span>\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Charcoal<\/span>\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Large canvas<\/span>\r\n            <span class=\"chip\"><strong>\u2726<\/strong> Surprises!<\/span>\r\n          <\/div>\r\n\r\n          <!-- Pricing -->\r\n          <div class=\"pricing-luxury\">\r\n            <div class=\"price-item\">\r\n              <span class=\"amount\">$225<\/span>\r\n              <span class=\"label\">One Day<\/span>\r\n            <\/div>\r\n            <div class=\"price-item\">\r\n              <span class=\"amount\">$400<\/span>\r\n              <span class=\"label\">Both Days <span class=\"highlight\">\u00b7 save $50<\/span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Contact -->\r\n          <div class=\"contact-luxury\">\r\n            <strong>DM to sign up<\/strong> &nbsp;\u00b7&nbsp; \r\n            <a href=\"tel:8312345785\" class=\"phone\">(831) 234-5785<\/a>\r\n            <br>\r\n            <span style=\"font-size:0.7rem; color:#b7a393; letter-spacing:0.5px;\">Please contact me with any questions<\/span>\r\n          <\/div>\r\n\r\n          <!-- Button - Elementor Style -->\r\n          <div class=\"btn-group\">\r\n            <a href=\"#\" class=\"btn-elementor-style\">\r\n              Paint with Cindy\r\n              <span class=\"arrow\">\u2192<\/span>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT - Scroll Animation\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  const animatedElements = document.querySelectorAll('[data-animate]');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.12,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  });\r\n\r\n  animatedElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  setTimeout(() => {\r\n    animatedElements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < windowHeight - 100) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }, 200);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d5ef45 e-con-full e-flex e-con e-parent\" data-id=\"6d5ef45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfbc38d elementor-widget elementor-widget-html\" data-id=\"cfbc38d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Modern Attractive Video Section - Learn with Cindy -->\r\n<style>\r\n\/* ============================================\r\n   IMPORT GOOGLE FONTS\r\n   ============================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&display=swap');\r\n\r\n\/* ============================================\r\n   RESET & BASE\r\n   ============================================ *\/\r\n.video-modern-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION WRAPPER\r\n   ============================================ *\/\r\n.video-modern {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Decorative Background Elements *\/\r\n.video-modern::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20%;\r\n  right: -10%;\r\n  width: 40%;\r\n  height: 70%;\r\n  background: radial-gradient(circle, rgba(247, 176, 59, 0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.video-modern::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -15%;\r\n  left: -8%;\r\n  width: 30%;\r\n  height: 60%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.03) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Decorative Shapes *\/\r\n.video-modern .deco-shape {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.video-modern .deco-shape.s1 {\r\n  width: 200px;\r\n  height: 200px;\r\n  top: 10%;\r\n  right: 5%;\r\n  border: 1px solid rgba(247, 176, 59, 0.04);\r\n  border-radius: 40% 60% 50% 50% \/ 50% 40% 60% 50%;\r\n}\r\n\r\n.video-modern .deco-shape.s2 {\r\n  width: 120px;\r\n  height: 120px;\r\n  bottom: 15%;\r\n  left: 5%;\r\n  border: 1px solid rgba(215, 195, 180, 0.04);\r\n  border-radius: 50% 40% 60% 40% \/ 40% 60% 40% 60%;\r\n}\r\n\r\n.video-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER\r\n   ============================================ *\/\r\n.video-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.video-header.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.video-header .section-label {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.6rem;\r\n  letter-spacing: 10px;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.video-header h2 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 300;\r\n  color: #2c241e;\r\n  letter-spacing: 0.05em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.video-header h2 span {\r\n  font-weight: 500;\r\n  color: #2c241e;\r\n}\r\n\r\n.video-header .subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  margin-top: 0.3rem;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* ============================================\r\n   VIDEO WRAPPER - MODERN\r\n   ============================================ *\/\r\n.video-wrapper {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  background: #1a1a1a;\r\n  aspect-ratio: 16\/9;\r\n  box-shadow: 0 15px 45px -15px rgba(44, 36, 30, 0.08);\r\n  border: 1px solid rgba(200, 185, 175, 0.06);\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.9s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  cursor: pointer;\r\n}\r\n\r\n.video-wrapper.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.video-wrapper:hover {\r\n  box-shadow: 0 25px 55px -18px rgba(44, 36, 30, 0.12);\r\n}\r\n\r\n\/* Video Thumbnail *\/\r\n.video-wrapper .video-thumbnail {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.video-wrapper:hover .video-thumbnail {\r\n  transform: scale(1.03);\r\n}\r\n\r\n\/* Dark Overlay *\/\r\n.video-wrapper .dark-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.3);\r\n  transition: background 0.5s ease;\r\n}\r\n\r\n.video-wrapper:hover .dark-overlay {\r\n  background: rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* ============================================\r\n   TEXT OVERLAY - CENTER\r\n   ============================================ *\/\r\n.video-wrapper .text-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 2rem;\r\n  color: #FFFFFF;\r\n}\r\n\r\n.video-wrapper .text-overlay .main-title {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2rem, 4vw, 3.5rem);\r\n  font-weight: 300;\r\n  color: #FFFFFF;\r\n  letter-spacing: 0.05em;\r\n  margin-bottom: 0.5rem;\r\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.video-wrapper .text-overlay .main-title span {\r\n  font-weight: 500;\r\n}\r\n\r\n.video-wrapper .text-overlay .sub-text {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: clamp(0.9rem, 1.2vw, 1.1rem);\r\n  font-weight: 300;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  letter-spacing: 1px;\r\n  max-width: 600px;\r\n  text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* ============================================\r\n   PLAY BUTTON\r\n   ============================================ *\/\r\n.video-wrapper .play-btn {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: rgba(255, 255, 255, 0.85);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  box-shadow: 0 8px 30px -8px rgba(0, 0, 0, 0.15);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.video-wrapper:hover .play-btn {\r\n  transform: scale(1.08);\r\n  background: #BC9B5D;\r\n  box-shadow: 0 12px 40px -10px rgba(247, 176, 59, 0.25);\r\n}\r\n\r\n.video-wrapper .play-btn .play-icon {\r\n  width: 0;\r\n  height: 0;\r\n  border-style: solid;\r\n  border-width: 15px 0 15px 26px;\r\n  border-color: transparent transparent transparent #1a1a1a;\r\n  margin-left: 8px;\r\n  transition: border-color 0.3s ease;\r\n}\r\n\r\n.video-wrapper:hover .play-btn .play-icon {\r\n  border-color: transparent transparent transparent #ffffff;\r\n}\r\n\r\n\/* ============================================\r\n   TIMESTAMP - BOTTOM RIGHT\r\n   ============================================ *\/\r\n.video-wrapper .timestamp {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  right: 24px;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  padding: 0.2rem 0.9rem;\r\n  border-radius: 16px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 0.8rem;\r\n  font-weight: 300;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  letter-spacing: 0.5px;\r\n  border: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.video-wrapper .timestamp .current {\r\n  color: #FFFFFF;\r\n  font-weight: 400;\r\n}\r\n\r\n.video-wrapper .timestamp .separator {\r\n  margin: 0 0.2rem;\r\n  opacity: 0.4;\r\n}\r\n\r\n.video-wrapper .timestamp .total {\r\n  opacity: 0.6;\r\n}\r\n\r\n\/* ============================================\r\n   VIDEO MODAL\r\n   ============================================ *\/\r\n.video-modal {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.88);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  z-index: 9999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 1.5rem;\r\n  animation: fadeIn 0.4s ease;\r\n}\r\n\r\n.video-modal.active {\r\n  display: flex;\r\n}\r\n\r\n.video-modal .modal-content {\r\n  position: relative;\r\n  max-width: 850px;\r\n  width: 100%;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.6);\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n.video-modal .modal-content iframe {\r\n  width: 100%;\r\n  aspect-ratio: 16\/9;\r\n  display: block;\r\n  border: none;\r\n}\r\n\r\n\/* Close Button *\/\r\n.video-modal .close-modal {\r\n  position: absolute;\r\n  top: -45px;\r\n  right: 0;\r\n  background: none;\r\n  border: none;\r\n  color: #FFFFFF;\r\n  font-size: 2rem;\r\n  cursor: pointer;\r\n  transition: transform 0.3s ease;\r\n  font-family: 'Poppins', sans-serif;\r\n  line-height: 1;\r\n  opacity: 0.6;\r\n}\r\n\r\n.video-modal .close-modal:hover {\r\n  transform: rotate(90deg);\r\n  opacity: 1;\r\n}\r\n\r\n\/* Fade Animations *\/\r\n@keyframes fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n@media screen and (max-width: 768px) {\r\n  .video-modern {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n\r\n  .video-modern .deco-shape {\r\n    display: none;\r\n  }\r\n\r\n  .video-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  .video-header h2 {\r\n    font-size: clamp(2rem, 8vw, 2.6rem);\r\n  }\r\n\r\n  .video-header .subtitle {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .video-wrapper {\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .video-wrapper .play-btn {\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n\r\n  .video-wrapper .play-btn .play-icon {\r\n    border-width: 12px 0 12px 20px;\r\n    margin-left: 6px;\r\n  }\r\n\r\n  .video-wrapper .text-overlay .main-title {\r\n    font-size: clamp(1.6rem, 5vw, 2.4rem);\r\n  }\r\n\r\n  .video-wrapper .text-overlay .sub-text {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .video-wrapper .timestamp {\r\n    bottom: 14px;\r\n    right: 16px;\r\n    font-size: 0.65rem;\r\n    padding: 0.15rem 0.7rem;\r\n  }\r\n\r\n  .video-modal {\r\n    padding: 0.8rem;\r\n  }\r\n\r\n  .video-modal .modal-content {\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .video-modal .close-modal {\r\n    top: -35px;\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .video-wrapper .play-btn {\r\n    width: 48px;\r\n    height: 48px;\r\n    margin-bottom: 0.8rem;\r\n  }\r\n\r\n  .video-wrapper .play-btn .play-icon {\r\n    border-width: 10px 0 10px 17px;\r\n    margin-left: 5px;\r\n  }\r\n\r\n  .video-wrapper .text-overlay .main-title {\r\n    font-size: clamp(1.3rem, 6vw, 1.8rem);\r\n    margin-bottom: 0.3rem;\r\n  }\r\n\r\n  .video-wrapper .text-overlay .sub-text {\r\n    font-size: 0.75rem;\r\n    max-width: 95%;\r\n  }\r\n\r\n  .video-wrapper .timestamp {\r\n    bottom: 10px;\r\n    right: 12px;\r\n    font-size: 0.55rem;\r\n    padding: 0.1rem 0.5rem;\r\n  }\r\n\r\n  .video-modal .close-modal {\r\n    top: -28px;\r\n    font-size: 1.2rem;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .video-modern-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     HTML - Modern Attractive Video Section\r\n     ============================================ -->\r\n<div class=\"video-modern-wrap\">\r\n  <section class=\"video-modern\">\r\n\r\n    <!-- Decorative Shapes -->\r\n    <div class=\"deco-shape s1\"><\/div>\r\n    <div class=\"deco-shape s2\"><\/div>\r\n\r\n    <div class=\"video-container\">\r\n\r\n      <!-- Section Header -->\r\n      <div class=\"video-header\" data-animate>\r\n        <div class=\"section-label\">\u2726 Watch<\/div>\r\n        <h2>\r\n          Learn with <span>Cindy!<\/span>\r\n        <\/h2>\r\n        <p class=\"subtitle\">Check out this video to learn more about Cindy's process of painting!<\/p>\r\n      <\/div>\r\n\r\n      <!-- Video Wrapper -->\r\n      <div class=\"video-wrapper\" data-animate onclick=\"openVideo()\">\r\n\r\n        <!-- Thumbnail Image -->\r\n        <img decoding=\"async\" \r\n          class=\"video-thumbnail\" \r\n          src=\"https:\/\/cindymori02.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/8df06e_9f1cc38587cf46e1b3d2719144aa3528mv2.jpg\" \r\n          alt=\"Learn with Cindy - Art Video\"\r\n          loading=\"lazy\"\r\n        \/>\r\n\r\n        <!-- Dark Overlay -->\r\n        <div class=\"dark-overlay\"><\/div>\r\n\r\n        <!-- Text Overlay -->\r\n        <div class=\"text-overlay\">\r\n          \r\n          <!-- Play Button -->\r\n          <div class=\"play-btn\">\r\n            <div class=\"play-icon\"><\/div>\r\n          <\/div>\r\n          \r\n          <!-- Title -->\r\n          <!--<h2 class=\"main-title\">Learn with <span>Cindy!<\/span><\/h2>-->\r\n          \r\n          <!-- Subtitle -->\r\n          <!--<p class=\"sub-text\">-->\r\n          <!--  Check out this video to learn more about Cindy's process of painting!-->\r\n          <!--<\/p>-->\r\n        <\/div>\r\n\r\n        <!-- Timestamp -->\r\n        <div class=\"timestamp\">\r\n          <span class=\"current\">00:21<\/span>\r\n          <span class=\"separator\">\/<\/span>\r\n          <span class=\"total\">03:32<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     VIDEO MODAL\r\n     ============================================ -->\r\n<div class=\"video-modal\" id=\"videoModal\">\r\n  <div class=\"modal-content\">\r\n    <button class=\"close-modal\" onclick=\"closeVideo()\">\u2715<\/button>\r\n    <iframe \r\n      id=\"videoIframe\" \r\n      src=\"\" \r\n      allow=\"autoplay; encrypted-media; fullscreen\" \r\n      allowfullscreen\r\n    ><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT - Video & Scroll Animation\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ ========== SCROLL ANIMATION ==========\r\n  const animatedElements = document.querySelectorAll('[data-animate]');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.12,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  });\r\n\r\n  animatedElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  setTimeout(() => {\r\n    animatedElements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < windowHeight - 100) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }, 200);\r\n\r\n  \/\/ ========== VIDEO FUNCTIONS ==========\r\n  function openVideo() {\r\n    const modal = document.getElementById('videoModal');\r\n    const iframe = document.getElementById('videoIframe');\r\n\r\n    \/\/ Replace with your YouTube or Vimeo video URL\r\n    \/\/ YouTube: https:\/\/www.youtube.com\/embed\/VIDEO_ID?autoplay=1\r\n    \/\/ Vimeo: https:\/\/player.vimeo.com\/video\/VIDEO_ID?autoplay=1\r\n\r\n    iframe.src = 'https:\/\/cindymori02.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/file.mp4';\r\n\r\n    modal.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeVideo() {\r\n    const modal = document.getElementById('videoModal');\r\n    const iframe = document.getElementById('videoIframe');\r\n\r\n    iframe.src = '';\r\n    modal.classList.remove('active');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  \/\/ Close modal with Escape key\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') {\r\n      closeVideo();\r\n    }\r\n  });\r\n\r\n  \/\/ Close modal by clicking outside\r\n  document.getElementById('videoModal').addEventListener('click', function(e) {\r\n    if (e.target === this) {\r\n      closeVideo();\r\n    }\r\n  });\r\n\r\n  \/\/ Make functions globally accessible\r\n  window.openVideo = openVideo;\r\n  window.closeVideo = closeVideo;\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6bda4b e-con-full e-flex e-con e-parent\" data-id=\"f6bda4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d1f80 elementor-widget elementor-widget-html\" data-id=\"e3d1f80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Minimalist Testimonials Carousel - Author Name Color Changed -->\r\n<style>\r\n\/* ============================================\r\n   IMPORT GOOGLE FONTS\r\n   ============================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n\/* ============================================\r\n   RESET & BASE\r\n   ============================================ *\/\r\n.testimonials-carousel-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION WRAPPER\r\n   ============================================ *\/\r\n.testimonials-carousel {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.testimonials-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER\r\n   ============================================ *\/\r\n.testimonials-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.testimonials-header.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.testimonials-header .section-label {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.6rem;\r\n  letter-spacing: 10px;\r\n  text-transform: uppercase;\r\n  color: #000000;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.testimonials-header h2 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 400;\r\n  color: #000000;\r\n  letter-spacing: 0.05em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.testimonials-header h2 span {\r\n  font-weight: 400;\r\n  color: #000000;\r\n}\r\n\r\n.testimonials-header .subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-top: 0.3rem;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* ============================================\r\n   CAROUSEL WRAPPER\r\n   ============================================ *\/\r\n.carousel-wrapper {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 20px;\r\n}\r\n\r\n.carousel-track {\r\n  display: flex;\r\n  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.carousel-slide {\r\n  min-width: 100%;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2rem;\r\n  padding: 0.5rem 0;\r\n}\r\n\r\n\/* ============================================\r\n   TESTIMONIAL CARD\r\n   ============================================ *\/\r\n.testimonial-card {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  padding: 2rem 2rem 1.8rem;\r\n  overflow: hidden;\r\n  min-height: 280px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  border: none;\r\n  box-shadow: 0 4px 20px -10px rgba(44, 36, 30, 0.08);\r\n}\r\n\r\n.testimonial-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 15px 40px -15px rgba(44, 36, 30, 0.12);\r\n}\r\n\r\n\/* Card Background Image *\/\r\n.testimonial-card .card-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Dark Overlay *\/\r\n.testimonial-card .card-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.15) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n\/* Card Content *\/\r\n.testimonial-card .card-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Author Name - GOLD COLOR *\/\r\n.testimonial-card .author-name {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 500;\r\n  color: #070669;\r\n  margin-bottom: 0.3rem;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Testimonial Text - White *\/\r\n.testimonial-card .testimonial-text {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  color: rgba(255, 255, 255, 0.92);\r\n  flex: 1;\r\n  margin-bottom: 0.5rem;\r\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.testimonial-card .testimonial-text .dots {\r\n  display: inline;\r\n  color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n\/* Read More Link *\/\r\n.testimonial-card .read-more {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.3rem;\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  text-decoration: none!important;\r\n  transition: all 0.3s ease;\r\n  margin-top: 0.5rem;\r\n  align-self: flex-start;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.25);\r\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.testimonial-card .read-more:hover {\r\n  color: #F7B03B;\r\n  border-bottom-color: #F7B03B;\r\n}\r\n\r\n.testimonial-card .read-more .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.3s ease;\r\n  font-size: 0.8rem;\r\n}\r\n\r\n.testimonial-card .read-more:hover .arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* ============================================\r\n   DOTS NAVIGATION\r\n   ============================================ *\/\r\n.carousel-dots {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 0.6rem;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.carousel-dots .dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #d6c8be;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.4s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  padding: 0;\r\n}\r\n\r\n.carousel-dots .dot.active {\r\n  background: #000000;\r\n  width: 28px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.carousel-dots .dot:hover {\r\n  background: #000000;\r\n  opacity: 0.6;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n@media screen and (max-width: 992px) {\r\n  .carousel-slide {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1.5rem;\r\n  }\r\n\r\n  .testimonial-card {\r\n    min-height: 240px;\r\n    padding: 1.8rem 1.8rem 1.5rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .testimonials-carousel {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n\r\n  .testimonials-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  .testimonials-header h2 {\r\n    font-size: clamp(2rem, 8vw, 2.6rem);\r\n  }\r\n\r\n  .testimonials-header .subtitle {\r\n    font-size: 0.7rem;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .carousel-slide {\r\n    grid-template-columns: 1fr;\r\n    gap: 1.2rem;\r\n  }\r\n\r\n  .testimonial-card {\r\n    min-height: 200px;\r\n    padding: 1.5rem;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .testimonial-card .author-name {\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .testimonial-card .testimonial-text {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .testimonial-card .read-more {\r\n    font-size: 0.7rem;\r\n  }\r\n\r\n  .carousel-dots {\r\n    gap: 0.4rem;\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  .carousel-dots .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n  .carousel-dots .dot.active {\r\n    width: 20px;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .testimonials-carousel-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     HTML - Testimonials Carousel\r\n     ============================================ -->\r\n<div class=\"testimonials-carousel-wrap\">\r\n  <section class=\"testimonials-carousel\">\r\n\r\n    <div class=\"testimonials-container\">\r\n\r\n      <!-- Section Header -->\r\n      <div class=\"testimonials-header\" data-animate>\r\n        <div class=\"section-label\">\u2726 Testimonials<\/div>\r\n        <h2>\r\n          What People <span>Say<\/span>\r\n        <\/h2>\r\n        <p class=\"subtitle\">Kind words from collectors and students<\/p>\r\n      <\/div>\r\n\r\n      <!-- Carousel -->\r\n      <div class=\"carousel-wrapper\">\r\n        <div class=\"carousel-track\" id=\"carouselTrack\">\r\n\r\n          <!-- Slide 1 -->\r\n          <div class=\"carousel-slide\">\r\n\r\n            <!-- Card 1 -->\r\n            <div class=\"testimonial-card\">\r\n              <img decoding=\"async\" class=\"card-bg\" src=\"https:\/\/static.wixstatic.com\/media\/bc3ec7bc825c4e6ca746c659189cea83.jpg\/v1\/fill\/w_307,h_405,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/bc3ec7bc825c4e6ca746c659189cea83.jpg\" alt=\"background\" loading=\"lazy\" \/>\r\n              <div class=\"card-overlay\"><\/div>\r\n              <div class=\"card-content\">\r\n                <div class=\"author-name\">Wendy Thompson<\/div>\r\n                <p class=\"testimonial-text\">\r\n                  Cindy's paintings are magical. Bright colors and Angels come to mind when I think of her work ...\r\n                  <span class=\"dots\">...<\/span>\r\n                <\/p>\r\n                <a href=\"#\" class=\"read-more\">\r\n                  Read More <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n            <div class=\"testimonial-card\">\r\n              <img decoding=\"async\" class=\"card-bg\" src=\"https:\/\/static.wixstatic.com\/media\/bc3ec7bc825c4e6ca746c659189cea83.jpg\/v1\/fill\/w_307,h_405,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/bc3ec7bc825c4e6ca746c659189cea83.jpg\" alt=\"background\" loading=\"lazy\" \/>\r\n              <div class=\"card-overlay\"><\/div>\r\n              <div class=\"card-content\">\r\n                <div class=\"author-name\">Susann Cate Lynn<\/div>\r\n                <p class=\"testimonial-text\">\r\n                  Cindy Mori's art is vibrant and full of movement and color. I currently ...\r\n                  <span class=\"dots\">...<\/span>\r\n                <\/p>\r\n                <a href=\"#\" class=\"read-more\">\r\n                  Read More <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n            <div class=\"testimonial-card\">\r\n              <img decoding=\"async\" class=\"card-bg\" src=\"https:\/\/static.wixstatic.com\/media\/bc3ec7bc825c4e6ca746c659189cea83.jpg\/v1\/fill\/w_307,h_405,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/bc3ec7bc825c4e6ca746c659189cea83.jpg\" alt=\"background\" loading=\"lazy\" \/>\r\n              <div class=\"card-overlay\"><\/div>\r\n              <div class=\"card-content\">\r\n                <div class=\"author-name\">Nancy Manning<\/div>\r\n                <p class=\"testimonial-text\">\r\n                  I could get lost while looking at her paintings they are so imaginative, playful and soul connecting...\r\n                  <span class=\"dots\">...<\/span>\r\n                <\/p>\r\n                <a href=\"#\" class=\"read-more\">\r\n                  Read More <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <!-- Slide 2 -->\r\n          <div class=\"carousel-slide\">\r\n\r\n            <!-- Card 4 -->\r\n            <div class=\"testimonial-card\">\r\n              <img decoding=\"async\" class=\"card-bg\" src=\"https:\/\/static.wixstatic.com\/media\/bc3ec7bc825c4e6ca746c659189cea83.jpg\/v1\/fill\/w_307,h_405,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/bc3ec7bc825c4e6ca746c659189cea83.jpg\" alt=\"background\" loading=\"lazy\" \/>\r\n              <div class=\"card-overlay\"><\/div>\r\n              <div class=\"card-content\">\r\n                <div class=\"author-name\">Sarah Mitchell<\/div>\r\n                <p class=\"testimonial-text\">\r\n                  Taking a class with Cindy was a transformative experience. Her intuitive approach helped me find my creative voice ...\r\n                  <span class=\"dots\">...<\/span>\r\n                <\/p>\r\n                <a href=\"#\" class=\"read-more\">\r\n                  Read More <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 5 -->\r\n            <div class=\"testimonial-card\">\r\n              <img decoding=\"async\" class=\"card-bg\" src=\"https:\/\/static.wixstatic.com\/media\/bc3ec7bc825c4e6ca746c659189cea83.jpg\/v1\/fill\/w_307,h_405,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/bc3ec7bc825c4e6ca746c659189cea83.jpg\" alt=\"background\" loading=\"lazy\" \/>\r\n              <div class=\"card-overlay\"><\/div>\r\n              <div class=\"card-content\">\r\n                <div class=\"author-name\">James Peterson<\/div>\r\n                <p class=\"testimonial-text\">\r\n                  The colors and emotions in Cindy's work are truly remarkable. Each piece tells a story that resonates deeply ...\r\n                  <span class=\"dots\">...<\/span>\r\n                <\/p>\r\n                <a href=\"#\" class=\"read-more\">\r\n                  Read More <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 6 -->\r\n            <div class=\"testimonial-card\">\r\n              <img decoding=\"async\" class=\"card-bg\" src=\"https:\/\/static.wixstatic.com\/media\/bc3ec7bc825c4e6ca746c659189cea83.jpg\/v1\/fill\/w_307,h_405,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/bc3ec7bc825c4e6ca746c659189cea83.jpg\" alt=\"background\" loading=\"lazy\" \/>\r\n              <div class=\"card-overlay\"><\/div>\r\n              <div class=\"card-content\">\r\n                <div class=\"author-name\">Emily Rodriguez<\/div>\r\n                <p class=\"testimonial-text\">\r\n                  Cindy's art brings so much joy to our home. Her use of color and texture creates a sense of warmth and peace ...\r\n                  <span class=\"dots\">...<\/span>\r\n                <\/p>\r\n                <a href=\"#\" class=\"read-more\">\r\n                  Read More <span class=\"arrow\">\u2192<\/span>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Dots -->\r\n      <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT - Carousel + Scroll Animation\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ ========== SCROLL ANIMATION ==========\r\n  const animatedElements = document.querySelectorAll('[data-animate]');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.12,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  });\r\n\r\n  animatedElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  setTimeout(() => {\r\n    animatedElements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < windowHeight - 100) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }, 200);\r\n\r\n  \/\/ ========== CAROUSEL ==========\r\n  const track = document.getElementById('carouselTrack');\r\n  const slides = track.querySelectorAll('.carousel-slide');\r\n  const dotsContainer = document.getElementById('carouselDots');\r\n  const totalSlides = slides.length;\r\n  let currentSlide = 0;\r\n\r\n  \/\/ Create dots\r\n  for (let i = 0; i < totalSlides; i++) {\r\n    const dot = document.createElement('button');\r\n    dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n    dot.setAttribute('data-index', i);\r\n    dot.addEventListener('click', function() {\r\n      goToSlide(parseInt(this.getAttribute('data-index')));\r\n    });\r\n    dotsContainer.appendChild(dot);\r\n  }\r\n\r\n  function goToSlide(index) {\r\n    currentSlide = index;\r\n    if (currentSlide < 0) currentSlide = totalSlides - 1;\r\n    if (currentSlide >= totalSlides) currentSlide = 0;\r\n\r\n    track.style.transform = 'translateX(-' + (currentSlide * 100) + '%)';\r\n\r\n    \/\/ Update dots\r\n    document.querySelectorAll('.dot').forEach((dot, i) => {\r\n      dot.classList.toggle('active', i === currentSlide);\r\n    });\r\n  }\r\n\r\n  \/\/ Auto-play\r\n  let autoPlayInterval = setInterval(() => {\r\n    goToSlide(currentSlide + 1);\r\n  }, 6000);\r\n\r\n  \/\/ Pause on hover\r\n  const carouselWrapper = document.querySelector('.carousel-wrapper');\r\n  carouselWrapper.addEventListener('mouseenter', () => {\r\n    clearInterval(autoPlayInterval);\r\n  });\r\n  carouselWrapper.addEventListener('mouseleave', () => {\r\n    autoPlayInterval = setInterval(() => {\r\n      goToSlide(currentSlide + 1);\r\n    }, 6000);\r\n  });\r\n\r\n  \/\/ Keyboard navigation\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'ArrowLeft') goToSlide(currentSlide - 1);\r\n    if (e.key === 'ArrowRight') goToSlide(currentSlide + 1);\r\n  });\r\n\r\n  \/\/ Touch support\r\n  let touchStartX = 0;\r\n  let touchEndX = 0;\r\n\r\n  carouselWrapper.addEventListener('touchstart', function(e) {\r\n    touchStartX = e.changedTouches[0].screenX;\r\n  });\r\n\r\n  carouselWrapper.addEventListener('touchend', function(e) {\r\n    touchEndX = e.changedTouches[0].screenX;\r\n    const diff = touchStartX - touchEndX;\r\n    if (Math.abs(diff) > 40) {\r\n      if (diff > 0) goToSlide(currentSlide + 1);\r\n      else goToSlide(currentSlide - 1);\r\n    }\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7205b37 e-con-full e-flex e-con e-parent\" data-id=\"7205b37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b442ff6 elementor-widget elementor-widget-html\" data-id=\"b442ff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Minimalist Modern FAQ Section - Font Weight 400 & Black Text -->\r\n<style>\r\n\/* ============================================\r\n   IMPORT GOOGLE FONTS\r\n   ============================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n\/* ============================================\r\n   RESET & BASE\r\n   ============================================ *\/\r\n.faq-minimal-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION WRAPPER\r\n   ============================================ *\/\r\n.faq-minimal {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Decorative Background *\/\r\n.faq-minimal::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20%;\r\n  right: -10%;\r\n  width: 40%;\r\n  height: 60%;\r\n  background: radial-gradient(circle, rgba(215, 205, 195, 0.02) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.faq-minimal::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -15%;\r\n  left: -8%;\r\n  width: 30%;\r\n  height: 50%;\r\n  background: radial-gradient(circle, rgba(200, 190, 180, 0.02) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.faq-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER\r\n   ============================================ *\/\r\n.faq-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.faq-header.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.faq-header .section-label {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.6rem;\r\n  letter-spacing: 10px;\r\n  text-transform: uppercase;\r\n  color: #000000;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.faq-header h2 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 400;\r\n  color: #000000;\r\n  letter-spacing: 0.05em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.faq-header h2 span {\r\n  font-weight: 400;\r\n  color: #000000;\r\n}\r\n\r\n.faq-header .subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-top: 0.3rem;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* ============================================\r\n   FAQ LIST\r\n   ============================================ *\/\r\n.faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.8rem;\r\n}\r\n\r\n\/* ============================================\r\n   FAQ ITEM\r\n   ============================================ *\/\r\n.faq-item {\r\n  background: rgba(255, 252, 250, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 16px;\r\n  border: 1px solid rgba(210, 200, 190, 0.06);\r\n  box-shadow: 0 2px 15px -8px rgba(44, 36, 30, 0.02);\r\n  transition: all 0.4s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.faq-item.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.faq-item:nth-child(1) { transition-delay: 0.05s; }\r\n.faq-item:nth-child(2) { transition-delay: 0.1s; }\r\n.faq-item:nth-child(3) { transition-delay: 0.15s; }\r\n.faq-item:nth-child(4) { transition-delay: 0.2s; }\r\n.faq-item:nth-child(5) { transition-delay: 0.25s; }\r\n.faq-item:nth-child(6) { transition-delay: 0.3s; }\r\n\r\n.faq-item:hover {\r\n  border-color: rgba(210, 200, 190, 0.12);\r\n  box-shadow: 0 6px 25px -10px rgba(44, 36, 30, 0.04);\r\n}\r\n\r\n\/* FAQ Question *\/\r\n.faq-item .faq-question {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 1rem 1.5rem;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  user-select: none;\r\n  gap: 1rem;\r\n}\r\n\r\n.faq-item .faq-question .faq-title {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  transition: color 0.3s ease;\r\n  flex: 1;\r\n}\r\n\r\n.faq-item .faq-question .faq-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 50%;\r\n  background: rgba(200, 190, 180, 0.06);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.4s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  color: #000000;\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n  font-family: 'Montserrat', serif;\r\n}\r\n\r\n.faq-item.active .faq-question .faq-icon {\r\n  background: #000000;\r\n  color: #ffffff;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.faq-item.active .faq-question .faq-title {\r\n  color: #000000;\r\n}\r\n\r\n\/* FAQ Answer *\/\r\n.faq-item .faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.5s cubic-bezier(0.15, 0.85, 0.35, 1), padding 0.3s ease;\r\n  padding: 0 1.5rem;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n  max-height: 250px;\r\n  padding: 0 1.5rem 1.2rem;\r\n}\r\n\r\n.faq-item .faq-answer p {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  color: #000000;\r\n  margin: 0;\r\n}\r\n\r\n.faq-item .faq-answer p strong {\r\n  color: #000000;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* ============================================\r\n   CTA BOTTOM\r\n   ============================================ *\/\r\n.faq-cta {\r\n  text-align: center;\r\n  margin-top: 3rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.faq-cta.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.faq-cta .cta-text {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.faq-cta .btn-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.5px;\r\n\r\n  color: #ffffff;\r\n  background: #BC9B5D;\r\n\r\n  padding: 12px 24px;\r\n  border: 1px solid #BC9B5D;\r\n  border-radius: 30px;\r\n\r\n  text-decoration: none !important;\r\n  transition: all 0.35s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.faq-cta .btn-cta:hover {\r\n  background: transparent;\r\n  color: #000;\r\n  border-color: #BC9B5D;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.faq-cta .btn-cta .arrow {\r\n  display: inline-block;\r\n  font-size: 14px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.faq-cta .btn-cta:hover .arrow {\r\n  transform: translateX(4px);\r\n}\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n@media screen and (max-width: 768px) {\r\n  .faq-minimal {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n\r\n  .faq-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  .faq-header h2 {\r\n    font-size: clamp(2rem, 8vw, 2.6rem);\r\n  }\r\n\r\n  .faq-header .subtitle {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .faq-item .faq-question {\r\n    padding: 0.8rem 1.2rem;\r\n  }\r\n\r\n  .faq-item .faq-question .faq-title {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .faq-item .faq-question .faq-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    padding: 0 1.2rem 1rem;\r\n  }\r\n\r\n  .faq-item .faq-answer p {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .faq-cta .btn-cta {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .faq-item .faq-question {\r\n    padding: 0.6rem 1rem;\r\n  }\r\n\r\n  .faq-item .faq-question .faq-title {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .faq-item .faq-question .faq-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .faq-item.active .faq-answer {\r\n    padding: 0 1rem 0.8rem;\r\n  }\r\n\r\n  .faq-item .faq-answer p {\r\n    font-size: 0.8rem;\r\n    line-height: 1.6;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .faq-minimal-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     HTML - Minimalist Modern FAQ Section\r\n     ============================================ -->\r\n<div class=\"faq-minimal-wrap\">\r\n  <section class=\"faq-minimal\">\r\n\r\n    <div class=\"faq-container\">\r\n\r\n      <!-- Section Header -->\r\n      <div class=\"faq-header\" data-animate>\r\n        <div class=\"section-label\">\u2726 FAQ<\/div>\r\n        <h2>\r\n          Frequently <span>Asked<\/span> Questions\r\n        <\/h2>\r\n        <p class=\"subtitle\">Everything you need to know about Cindy's art and classes<\/p>\r\n      <\/div>\r\n\r\n      <!-- FAQ List -->\r\n      <div class=\"faq-list\">\r\n\r\n        <!-- FAQ 1 -->\r\n        <div class=\"faq-item\" data-animate>\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <span class=\"faq-title\">What materials do you use for your paintings?<\/span>\r\n            <span class=\"faq-icon\">+<\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              I primarily work with <strong>acrylic paints<\/strong> on canvas and wood panels. \r\n              I also incorporate <strong>oil pastels, soft pastels, charcoal, and mixed media<\/strong> \r\n              to create texture and depth.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 2 -->\r\n        <div class=\"faq-item\" data-animate>\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <span class=\"faq-title\">Do you offer art classes or workshops?<\/span>\r\n            <span class=\"faq-icon\">+<\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              Yes! I offer <strong>one and two-day workshops<\/strong> in Santa Cruz, CA. \r\n              Classes are small with lots of personal instruction. All supplies are provided.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 3 -->\r\n        <div class=\"faq-item\" data-animate>\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <span class=\"faq-title\">Can I purchase original paintings online?<\/span>\r\n            <span class=\"faq-icon\">+<\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              Absolutely! You can browse available originals in the <strong>Collections<\/strong> section. \r\n              Each painting comes with a certificate of authenticity.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 4 -->\r\n        <div class=\"faq-item\" data-animate>\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <span class=\"faq-title\">What inspires your creative process?<\/span>\r\n            <span class=\"faq-icon\">+<\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              My work is inspired by <strong>nature, emotion, healing, and the unexpected beauty<\/strong> \r\n              found in everyday life. I paint intuitively \u2014 letting colors and textures guide me.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 5 -->\r\n        <div class=\"faq-item\" data-animate>\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <span class=\"faq-title\">Do you ship internationally?<\/span>\r\n            <span class=\"faq-icon\">+<\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              Yes, I ship worldwide! All paintings are carefully packaged and insured. \r\n              <strong>Contact me<\/strong> for a shipping quote.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FAQ 6 -->\r\n        <div class=\"faq-item\" data-animate>\r\n          <div class=\"faq-question\" onclick=\"toggleFAQ(this)\">\r\n            <span class=\"faq-title\">How can I commission a custom painting?<\/span>\r\n            <span class=\"faq-icon\">+<\/span>\r\n          <\/div>\r\n          <div class=\"faq-answer\">\r\n            <p>\r\n              Simply <strong>reach out via email or DM<\/strong> with your ideas, preferred colors, and size. \r\n              I'll work with you to create something truly special.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CTA Bottom -->\r\n      <div class=\"faq-cta\" data-animate>\r\n        <p class=\"cta-text\">Still have questions? I'd love to hear from you<\/p>\r\n        <a href=\"#\" class=\"btn-cta\">\r\n          Contact Me\r\n          <span class=\"arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ ========== SCROLL ANIMATION ==========\r\n  const animatedElements = document.querySelectorAll('[data-animate]');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.12,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  });\r\n\r\n  animatedElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  setTimeout(() => {\r\n    animatedElements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < windowHeight - 100) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }, 200);\r\n\r\n  \/\/ ========== FAQ TOGGLE ==========\r\n  function toggleFAQ(element) {\r\n    const item = element.closest('.faq-item');\r\n    const isActive = item.classList.contains('active');\r\n\r\n    \/\/ Close all other FAQ items\r\n    document.querySelectorAll('.faq-item').forEach(function(el) {\r\n      if (el !== item) {\r\n        el.classList.remove('active');\r\n      }\r\n    });\r\n\r\n    \/\/ Toggle current item\r\n    if (isActive) {\r\n      item.classList.remove('active');\r\n    } else {\r\n      item.classList.add('active');\r\n    }\r\n  }\r\n\r\n  window.toggleFAQ = toggleFAQ;\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ce35f1 e-con-full e-flex e-con e-parent\" data-id=\"9ce35f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c742d9 elementor-widget elementor-widget-html\" data-id=\"9c742d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Redesigned Minimalist Contact Us Section -->\r\n<style>\r\n\/* ============================================\r\n   IMPORT GOOGLE FONTS\r\n   ============================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n\/* ============================================\r\n   RESET & BASE\r\n   ============================================ *\/\r\n.contact-minimal-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION WRAPPER\r\n   ============================================ *\/\r\n.contact-minimal {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.contact-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ============================================\r\n   SECTION HEADER\r\n   ============================================ *\/\r\n.contact-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.contact-header.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.contact-header .section-label {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 0.6rem;\r\n  letter-spacing: 10px;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n \r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.contact-header h2 {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\r\n  font-weight: 300;\r\n  color: #2c241e;\r\n  letter-spacing: 0.05em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.contact-header h2 span {\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n}\r\n\r\n.contact-header .subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  margin-top: 0.3rem;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\/* ============================================\r\n   CONTENT WRAPPER - NEW DESIGN\r\n   ============================================ *\/\r\n.contact-content {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 3rem;\r\n  background: #ffffff;\r\n  border-radius: 24px;\r\n  padding: 3rem;\r\n  box-shadow: 0 4px 30px -12px rgba(44, 36, 30, 0.74);\r\n  border: 1px solid rgba(210, 200, 190, 0.06);\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.8s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.contact-content.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ============================================\r\n   LEFT: CONTACT FORM\r\n   ============================================ *\/\r\n.contact-form-wrapper .form-title {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-bottom: 0.3rem;\r\n}\r\n\r\n.contact-form-wrapper .form-subtitle {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: #000;\r\n  margin-bottom: 1.8rem;\r\n}\r\n\r\n.contact-form-wrapper .form-group {\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.contact-form-wrapper .form-group label {\r\n  display: block;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 0.65rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-bottom: 0.3rem;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.contact-form-wrapper .form-group input,\r\n.contact-form-wrapper .form-group textarea {\r\n  width: 100%;\r\n  padding: 0.7rem 0;\r\n  border: none;\r\n  border-bottom: 1.5px solid rgba(210, 200, 190, 0.15);\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  background: transparent;\r\n  transition: all 0.3s ease;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.contact-form-wrapper .form-group input::placeholder,\r\n.contact-form-wrapper .form-group textarea::placeholder {\r\n  color: #666;\r\n  font-weight: 300;\r\n}\r\n\r\n.contact-form-wrapper .form-group input:focus,\r\n.contact-form-wrapper .form-group textarea:focus {\r\n  border-bottom-color: #2c241e;\r\n}\r\n\r\n.contact-form-wrapper .form-group textarea {\r\n  height: 80px;\r\n  resize: vertical;\r\n}\r\n\r\n\/* Form Row - Two Columns *\/\r\n.contact-form-wrapper .form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1.5rem;\r\n}\r\n\r\n\/* ============================================\r\n   BUTTON - ELEMENTOR STYLE\r\n   ============================================ *\/\r\n.contact-form-wrapper .btn-submit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #FFFFFF;\r\n  background-color: #BC9B5D;\r\n  padding: 0.7rem 2.5rem;\r\n  border: none;\r\n  border-radius: 30px;\r\n  text-decoration: none;\r\n  transition: all 0.9s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  cursor: pointer;\r\n  line-height: 1.2;\r\n  letter-spacing: 0.3px;\r\n  width: fit-content;\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.contact-form-wrapper .btn-submit:hover {\r\n  background-color: #FFFFFF;\r\n  color: #000000;\r\n  border: 0.5px solid #BC9B5D;\r\n  transform: scale(0.95);\r\n  box-shadow: 0 6px 25px -10px rgba(188, 155, 93, 0.25);\r\n}\r\n\r\n.contact-form-wrapper .btn-submit .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.4s ease;\r\n  font-size: 18px;\r\n}\r\n\r\n.contact-form-wrapper .btn-submit:hover .arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.contact-form-wrapper .btn-submit:active {\r\n  transform: scale(0.92);\r\n}\r\n\r\n\/* ============================================\r\n   RIGHT: CONTACT INFO\r\n   ============================================ *\/\r\n.contact-info-wrapper .info-title {\r\n  font-family: 'Montserrat', serif;\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-bottom: 1.8rem;\r\n}\r\n\r\n.contact-info-wrapper .info-item {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.contact-info-wrapper .info-item .label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 0.6rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 0.2rem;\r\n}\r\n\r\n.contact-info-wrapper .info-item .value {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  line-height: 1.5;\r\n}\r\n\r\n.contact-info-wrapper .info-item .value a {\r\n  color: #2c241e;\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.contact-info-wrapper .info-item .value a:hover {\r\n  color: #BC9B5D;\r\n}\r\n\r\n\/* Divider *\/\r\n.contact-info-wrapper .divider {\r\n  width: 30px;\r\n  height: 1.5px;\r\n  background: #BC9B5D;\r\n  margin: 1.5rem 0;\r\n}\r\n\r\n\/* Social Icons *\/\r\n.contact-info-wrapper .social-section .social-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 0.75rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.contact-info-wrapper .social-icons {\r\n  display: flex;\r\n  gap: 1rem;\r\n  align-items: center;\r\n}\r\n\r\n.contact-info-wrapper .social-icons a {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(210, 200, 190, 0.08);\r\n  color: #2c241e;\r\n  text-decoration: none;\r\n  transition: all 0.4s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n}\r\n\r\n.contact-info-wrapper .social-icons a:hover {\r\n  background: #BC9B5D;\r\n  color: #ffffff;\r\n  transform: translateY(-3px);\r\n  border-color: #BC9B5D;\r\n}\r\n\r\n.contact-info-wrapper .social-icons a svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n   ============================================ *\/\r\n@media screen and (max-width: 992px) {\r\n  .contact-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 2.5rem;\r\n    padding: 2.5rem;\r\n  }\r\n\r\n  .contact-form-wrapper .btn-submit {\r\n    margin: 0.5rem auto 0;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .contact-minimal {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n\r\n  .contact-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  .contact-header h2 {\r\n    font-size: clamp(2rem, 8vw, 2.6rem);\r\n  }\r\n\r\n  .contact-header .subtitle {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .contact-content {\r\n    padding: 1.8rem;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .contact-form-wrapper .form-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n\r\n  .contact-form-wrapper .form-title {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .contact-form-wrapper .form-subtitle {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .contact-form-wrapper .btn-submit {\r\n    font-size: 14px;\r\n    padding: 0.6rem 1.8rem;\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  .contact-info-wrapper .info-title {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .contact-info-wrapper .info-item .value {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .contact-info-wrapper .social-icons {\r\n    gap: 0.8rem;\r\n  }\r\n\r\n  .contact-info-wrapper .social-icons a {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  .contact-info-wrapper .social-icons a svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .contact-minimal-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- ============================================\r\n     HTML - Redesigned Minimalist Contact Us Section\r\n     ============================================ -->\r\n<div class=\"contact-minimal-wrap\">\r\n  <section class=\"contact-minimal\">\r\n\r\n    <div class=\"contact-container\">\r\n\r\n      <!-- Section Header -->\r\n      <div class=\"contact-header\" data-animate>\r\n        <div class=\"section-label\">\u2726 Contact<\/div>\r\n        <h2>\r\n          Get In <span>Touch<\/span>\r\n        <\/h2>\r\n        <p class=\"subtitle\">We'd love to hear from you<\/p>\r\n      <\/div>\r\n\r\n      <!-- Content Wrapper -->\r\n      <div class=\"contact-content\" data-animate>\r\n\r\n        <!-- LEFT: Contact Form -->\r\n        <div class=\"contact-form-wrapper\">\r\n          <div class=\"form-title\">Send a Message<\/div>\r\n          <div class=\"form-subtitle\">Fill out the form and we'll get back to you<\/div>\r\n\r\n          <form>\r\n            <div class=\"form-row\">\r\n              <div class=\"form-group\">\r\n                <label>First Name<\/label>\r\n                <input type=\"text\" placeholder=\"Your first name\" \/>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label>Last Name<\/label>\r\n                <input type=\"text\" placeholder=\"Your last name\" \/>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n              <label>Email Address<\/label>\r\n              <input type=\"email\" placeholder=\"you@example.com\" \/>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n              <label>Phone Number<\/label>\r\n              <input type=\"tel\" placeholder=\"(123) 456-7890\" \/>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n              <label>Message<\/label>\r\n              <textarea placeholder=\"Type your message here...\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"btn-submit\">\r\n              Send Message <span class=\"arrow\">\u2192<\/span>\r\n            <\/button>\r\n          <\/form>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: Contact Info -->\r\n        <div class=\"contact-info-wrapper\">\r\n          <div class=\"info-title\">Contact Information<\/div>\r\n\r\n          <!-- Email -->\r\n          <div class=\"info-item\">\r\n            <div class=\"label\">Email<\/div>\r\n            <div class=\"value\"><a href=\"mailto:Cindymor7@gmail.com\">Cindymor7@gmail.com<\/a><\/div>\r\n          <\/div>\r\n\r\n          <!-- Phone -->\r\n          <div class=\"info-item\">\r\n            <div class=\"label\">Phone<\/div>\r\n            <div class=\"value\"><a href=\"tel:8312345785\">(831) 234-5785<\/a><\/div>\r\n          <\/div>\r\n\r\n          <!-- Address -->\r\n          <div class=\"info-item\">\r\n            <div class=\"label\">Studio Address<\/div>\r\n            <div class=\"value\">330 Swift Street, Santa Cruz, CA 95060<\/div>\r\n          <\/div>\r\n\r\n          <!-- Hours -->\r\n          <div class=\"info-item\">\r\n            <div class=\"label\">Hours<\/div>\r\n            <div class=\"value\">Open by Appointment<\/div>\r\n          <\/div>\r\n\r\n          <!-- Divider -->\r\n          <div class=\"divider\"><\/div>\r\n\r\n          <!-- Social Icons -->\r\n          <div class=\"social-section\">\r\n            <div class=\"social-label\">Connect with Cindy<\/div>\r\n            <div class=\"social-icons\">\r\n              <!-- Instagram -->\r\n              <a href=\"#\" aria-label=\"Instagram\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n              <\/a>\r\n\r\n              <!-- Facebook -->\r\n              <a href=\"#\" aria-label=\"Facebook\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\r\n              <\/a>\r\n\r\n              <!-- Pinterest -->\r\n              <a href=\"#\" aria-label=\"Pinterest\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.182-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.244 3.768-5.487 0-2.866-2.063-4.869-5.008-4.869-3.41 0-5.409 2.559-5.409 5.198 0 1.03.397 2.132.892 2.732.099.121.114.226.085.349-.091.384-.293 1.181-.333 1.347-.052.219-.173.265-.395.158-1.473-.685-2.388-2.834-2.388-4.555 0-3.707 2.697-7.112 7.759-7.112 4.072 0 7.236 2.903 7.236 6.785 0 4.052-2.554 7.312-6.099 7.312-1.191 0-2.309-.618-2.692-1.351l-.733 2.794c-.266 1.029-.986 2.316-1.469 3.102 1.101.339 2.277.524 3.496.524 6.621 0 11.988-5.367 11.988-11.987C23.986 5.367 18.619 0 11.987 0H12.017z\"\/><\/svg>\r\n              <\/a>\r\n\r\n              <!-- YouTube -->\r\n              <a href=\"#\" aria-label=\"YouTube\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n              <\/a>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============================================\r\n     JAVASCRIPT\r\n     ============================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  const animatedElements = document.querySelectorAll('[data-animate]');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.12,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  });\r\n\r\n  animatedElements.forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  setTimeout(() => {\r\n    animatedElements.forEach(el => {\r\n      const rect = el.getBoundingClientRect();\r\n      const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n      if (rect.top < windowHeight - 100) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }, 200);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to CINDY MORI ART Discover original contemporary artwork that celebrates color, nature, and imagination. Explore Cindy Mori&#8217;s unique collections, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":61,"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/cindymori02.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}