{"id":9,"date":"2026-06-29T10:23:05","date_gmt":"2026-06-29T10:23:05","guid":{"rendered":"https:\/\/cindymori01.mystartupcrew.com\/?page_id=9"},"modified":"2026-06-29T18:28:51","modified_gmt":"2026-06-29T18:28:51","slug":"home","status":"publish","type":"page","link":"https:\/\/cindymori01.mystartupcrew.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4389ab5 e-con-full e-flex e-con e-parent\" data-id=\"4389ab5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ab9f8a5 e-con-full e-flex e-con e-child\" data-id=\"ab9f8a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c0d627 elementor-widget elementor-widget-text-editor\" data-id=\"4c0d627\" 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>Welcome to<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d46c129 elementor-widget elementor-widget-heading\" data-id=\"d46c129\" 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-4777ca7 elementor-widget elementor-widget-heading\" data-id=\"4777ca7\" 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\">by Cindy Mori<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e789c9a e-con-full e-flex e-con e-child\" data-id=\"e789c9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0539f elementor-widget elementor-widget-button\" data-id=\"af0539f\" 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 elementor-animation-shrink\" 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-39945cf elementor-widget elementor-widget-button\" data-id=\"39945cf\" 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 elementor-animation-shrink\" 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\">More About <\/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-3b37e3e e-con-full e-flex e-con e-parent\" data-id=\"3b37e3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2c7b4 elementor-widget elementor-widget-html\" data-id=\"2c2c7b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Modern Classic About Section with Sedan SC & Josefin Sans + Read More Button -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.about-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #f8f5f0;\r\n}\r\n\r\n\/* About Section *\/\r\n.about-modern-classic {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem;\r\n  background: #f8f5f0;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Subtle Background Pattern *\/\r\n.about-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  right: -20%;\r\n  width: 60%;\r\n  height: 120%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.08) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.about-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 4rem 3rem;\r\n  background: rgba(255, 252, 248, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 40px;\r\n  padding: 3.5rem 4rem;\r\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.06);\r\n  border: 1px solid rgba(255, 245, 235, 0.4);\r\n}\r\n\r\n\/* Left: Image *\/\r\n.about-image-wrapper {\r\n  flex: 1 1 40%;\r\n  min-width: 280px;\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.about-image-wrapper .image-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 480px;\r\n  aspect-ratio: 4\/5;\r\n  margin: 0 auto;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  box-shadow: 0 30px 60px -20px rgba(44, 36, 30, 0.25);\r\n  background: #e7dbd2;\r\n  border: 2px solid rgba(255, 245, 235, 0.3);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.about-image-wrapper .image-frame:hover {\r\n  transform: scale(1.01);\r\n}\r\n\r\n\/* Decorative overlay on image *\/\r\n.about-image-wrapper .image-frame::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(255, 245, 235, 0.1) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Image *\/\r\n.about-image-wrapper .image-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n.about-image-wrapper .image-frame:hover img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n\/* Decorative elements around image *\/\r\n.about-image-wrapper .deco-dot {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: rgba(180, 155, 135, 0.12);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.deco-dot-1 {\r\n  width: 80px;\r\n  height: 80px;\r\n  top: -25px;\r\n  right: -25px;\r\n}\r\n\r\n.deco-dot-2 {\r\n  width: 120px;\r\n  height: 120px;\r\n  bottom: -40px;\r\n  left: -40px;\r\n  background: rgba(200, 175, 160, 0.08);\r\n}\r\n\r\n\/* Right: Text Content *\/\r\n.about-content {\r\n  flex: 1 1 50%;\r\n  min-width: 280px;\r\n  animation: fadeUp 1.4s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.15s;\r\n}\r\n\r\n\/* Heading - Sedan SC *\/\r\n.about-content .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 5px;\r\n  text-transform: uppercase;\r\n  color: #b7a393;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.about-content h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.2rem, 5vw, 3.6rem);\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-bottom: 1.5rem;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.15;\r\n}\r\n\r\n.about-content h2 span {\r\n  color: #000!important;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Body Text - Josefin Sans *\/\r\n.about-content .about-text {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.9;\r\n  color: #000;\r\n  font-weight: 400;\r\n}\r\n\r\n.about-content .about-text p {\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n.about-content .about-text .signature-line {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.1rem;\r\n  color: #8a7666;\r\n  letter-spacing: 1px;\r\n  margin-top: 0.5rem;\r\n  border-top: 2px solid #ddd0c6;\r\n  padding-top: 1.2rem;\r\n  display: inline-block;\r\n}\r\n\r\n\/* Quote style *\/\r\n.about-content .about-text .quote-highlight {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1.1rem;\r\n  color: #5f4b3d;\r\n  padding-left: 1.5rem;\r\n  border-left: 3px solid #c6b2a2;\r\n  margin: 1.5rem 0;\r\n  font-style: italic;\r\n  line-height: 1.7;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* ===== READ MORE BUTTON ===== *\/\r\n.about-content .btn-readmore {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  background-color: #F7B03B;\r\n  padding: 0.75rem 2.5rem;\r\n  border: none;\r\n  border-radius: 60px;\r\n  text-decoration: none!important;\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  margin-top: 0.5rem;\r\n}\r\n\r\n.about-content .btn-readmore:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  transform: scale(0.96);\r\n  text-decoration: none;\r\n}\r\n\r\n.about-content .btn-readmore .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.4s ease;\r\n  font-size: 18px;\r\n}\r\n\r\n.about-content .btn-readmore:hover .arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media screen and (max-width: 992px) {\r\n  .about-container {\r\n    flex-direction: column;\r\n    padding: 2.5rem 2rem;\r\n    text-align: center;\r\n    gap: 2.5rem;\r\n  }\r\n  .about-content .about-text .quote-highlight {\r\n    border-left: none;\r\n    padding-left: 0;\r\n    text-align: center;\r\n  }\r\n  .about-content .about-text .signature-line {\r\n    text-align: center;\r\n  }\r\n  .about-image-wrapper .image-frame {\r\n    max-width: 380px;\r\n  }\r\n  .about-content .section-label {\r\n    text-align: center;\r\n  }\r\n  .about-content h2 {\r\n    text-align: center;\r\n  }\r\n  .about-content .about-text p {\r\n    text-align: center;\r\n  }\r\n  .about-content .btn-readmore {\r\n    margin: 0.5rem auto 0;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .about-container {\r\n    padding: 2rem 1.2rem;\r\n    border-radius: 28px;\r\n  }\r\n  .about-content h2 {\r\n    font-size: clamp(1.8rem, 10vw, 2.6rem);\r\n  }\r\n  .about-content .about-text {\r\n    font-size: 0.95rem;\r\n  }\r\n  .about-image-wrapper .image-frame {\r\n    max-width: 300px;\r\n    border-radius: 20px;\r\n  }\r\n  .deco-dot-1, .deco-dot-2 {\r\n    display: none;\r\n  }\r\n  .about-content .btn-readmore {\r\n    font-size: 14px;\r\n    padding: 0.65rem 2rem;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .about-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- About HTML -->\r\n<div class=\"about-widget-wrap\">\r\n  <section class=\"about-modern-classic\">\r\n    <div class=\"about-container\">\r\n      \r\n      <!-- Left: Image -->\r\n      <div class=\"about-image-wrapper\">\r\n        <div class=\"image-frame\">\r\n          <!-- Replace src with your actual image URL -->\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/5fe1f0_f9824c0c10b7495abea3daf3475041admv2.jpg\" \r\n            alt=\"Cindy Mori - Artist\" \r\n            loading=\"lazy\"\r\n          \/>\r\n          <!-- Decorative dots -->\r\n          <div class=\"deco-dot deco-dot-1\"><\/div>\r\n          <div class=\"deco-dot deco-dot-2\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right: Content -->\r\n      <div class=\"about-content\">\r\n        <div class=\"section-label\">\u2726 About the<\/div>\r\n        <h2>\r\n          Cindy <span>Mori<\/span>\r\n        <\/h2>\r\n        <div class=\"about-text\">\r\n          <p>\r\n            Cindy Mori is an artist and teacher currently living in Santa Cruz, California. \r\n            <em>\"Painting has become my way of understanding the world.\"<\/em> \r\n            She has a creative spark within her and her work is inspired by the ever-changing \r\n            landscapes around us and within us. The quiet moments and the unexpected turns, \r\n            the beauty that emerges through joy, loss, and healing.\r\n          <\/p>\r\n          \r\n          <div class=\"quote-highlight\">\r\n            \"The process is one of discovery as I intuitively layer colors and texture. \r\n            Emotion and experience guide the work.\"\r\n          <\/div>\r\n          \r\n          <p>\r\n            I hope my paintings offer more than something beautiful to look at. \r\n            I want them to create a sense of presence \u2014 a place where viewers can pause, \r\n            reflect, and find their own connection within the work.\r\n          <\/p>\r\n          \r\n          <div class=\"signature-line\">\r\n            \u2014 Thank you for spending time with my work.\r\n          <\/div>\r\n          \r\n          <!-- Read More Button -->\r\n          <a href=\"#\" class=\"btn-readmore\">\r\n            Read More\r\n            <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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b40adce e-con-full e-flex e-con e-parent\" data-id=\"b40adce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f777d8 elementor-widget elementor-widget-html\" data-id=\"8f777d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Explore Cindy's Collections - 6 Collections | White Background + Elementor Style Button -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.collections-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n}\r\n\r\n\/* Collections Section *\/\r\n.collections-modern-classic {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem;\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Subtle Background Pattern *\/\r\n.collections-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\r\n  left: -10%;\r\n  width: 50%;\r\n  height: 80%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.collections-modern-classic::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -20%;\r\n  right: -10%;\r\n  width: 40%;\r\n  height: 60%;\r\n  background: radial-gradient(circle, rgba(200, 180, 165, 0.03) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.collections-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Section Header *\/\r\n.collections-header {\r\n  text-align: center;\r\n  margin-bottom: 4rem;\r\n  animation: fadeUp 1s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.collections-header .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 6px;\r\n  text-transform: uppercase;\r\n  color: #b7a393;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.collections-header h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.4rem, 5vw, 4rem);\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.15;\r\n}\r\n\r\n.collections-header h2 span {\r\n  color: #2c241e;\r\n}\r\n\r\n.collections-header .subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-top: 0.5rem;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* Collections Grid - 3 columns *\/\r\n.collections-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n\/* Collection Card *\/\r\n.collection-card {\r\n  background: #ffffff;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 35px -10px rgba(44, 36, 30, 0.08);\r\n  border: 1px solid rgba(200, 185, 175, 0.15);\r\n  transition: all 0.4s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.collection-card:nth-child(1) { animation-delay: 0.05s; }\r\n.collection-card:nth-child(2) { animation-delay: 0.1s; }\r\n.collection-card:nth-child(3) { animation-delay: 0.15s; }\r\n.collection-card:nth-child(4) { animation-delay: 0.2s; }\r\n.collection-card:nth-child(5) { animation-delay: 0.25s; }\r\n.collection-card:nth-child(6) { animation-delay: 0.3s; }\r\n\r\n.collection-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 25px 50px -12px rgba(44, 36, 30, 0.15);\r\n  border-color: rgba(200, 180, 165, 0.25);\r\n}\r\n\r\n\/* Card Image *\/\r\n.collection-card .card-image {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 4\/3;\r\n  overflow: hidden;\r\n  background: #f0ebe6;\r\n}\r\n\r\n.collection-card .card-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n.collection-card:hover .card-image img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.collection-card .card-image::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to bottom, transparent 50%, rgba(44, 36, 30, 0.03) 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Card Content *\/\r\n.collection-card .card-content {\r\n  padding: 1.8rem 2rem 2rem;\r\n}\r\n\r\n.collection-card h3 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.6rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-bottom: 0.7rem;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.collection-card .card-description {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  line-height: 1.7;\r\n  color: #3d332a;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.collection-card .card-example {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.82rem;\r\n  font-weight: 400;\r\n  color: #8a7666;\r\n  font-style: italic;\r\n  border-top: 1px solid #e8e0d8;\r\n  padding-top: 0.8rem;\r\n  display: inline-block;\r\n}\r\n\r\n\/* Collection-specific image backgrounds *\/\r\n.collection-card.abstract .card-image { background: #e8ddd4; }\r\n.collection-card.floral .card-image { background: #e6ddd4; }\r\n.collection-card.whimsy .card-image { background: #e4dbd2; }\r\n.collection-card.landscape .card-image { background: #e2d9d0; }\r\n.collection-card.still-life .card-image { background: #e0d7ce; }\r\n.collection-card.mixed-media .card-image { background: #ded5cc; }\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* ============================================ *\/\r\n\/* ELEMENTOR STYLE BUTTON - as per your settings *\/\r\n\/* ============================================ *\/\r\n.collections-footer {\r\n  text-align: center;\r\n  margin-top: 3.5rem;\r\n  animation: fadeUp 1.4s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.35s;\r\n}\r\n\r\n\/* Button Wrapper - mimics Elementor button widget *\/\r\n.btn-explore-wrapper {\r\n  display: inline-block;\r\n}\r\n\r\n.btn-explore {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  text-transform: none;\r\n  letter-spacing: normal;\r\n  color: #070669;\r\n  background-color: #F7B03B;\r\n  padding: 0.85rem 2.5rem;\r\n  border: none;\r\n  border-radius: 25px;\r\n  text-decoration: none!important;\r\n  transition: all 0.9s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  cursor: pointer;\r\n  box-shadow: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Hover State - as per Elementor settings *\/\r\n.btn-explore:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  transform: scale(0.95);\r\n  text-decoration: none;\r\n}\r\n\r\n\/* Arrow icon in button *\/\r\n.btn-explore .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.4s ease;\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n.btn-explore:hover .arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* Shrink animation on hover (Elementor shrink) *\/\r\n.btn-explore:active {\r\n  transform: scale(0.92);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media screen and (max-width: 1024px) {\r\n  .collections-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1.8rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .collections-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 1.5rem;\r\n  }\r\n  \r\n  .collections-container {\r\n    padding: 0;\r\n  }\r\n  \r\n  .collection-card .card-content {\r\n    padding: 1.5rem;\r\n  }\r\n  \r\n  .collection-card h3 {\r\n    font-size: 1.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(2rem, 8vw, 2.8rem);\r\n  }\r\n  \r\n  .btn-explore {\r\n    font-size: 16px;\r\n    padding: 0.75rem 2rem;\r\n    border-radius: 25px;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .collections-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- Collections HTML -->\r\n<div class=\"collections-widget-wrap\">\r\n  <section class=\"collections-modern-classic\">\r\n    <div class=\"collections-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"collections-header\">\r\n        <div class=\"section-label\">\u2726 Cindy Mori Art<\/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 Art \u00b7 Whimsy \u00b7 Landscapes<\/p>\r\n      <\/div>\r\n\r\n      <!-- Collections Grid - 6 Cards -->\r\n      <div class=\"collections-grid\">\r\n        \r\n        <!-- 1. Abstract Collection -->\r\n        <div class=\"collection-card abstract\">\r\n          <div class=\"card-image\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Abstract Art Collection\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"card-content\">\r\n            <h3>Abstract<\/h3>\r\n            <p class=\"card-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 a space to pause, breathe, and discover your own meaning.\r\n            <\/p>\r\n            <span class=\"card-example\">\"Blue Stema line in the path\"<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Angels Collection -->\r\n        <div class=\"collection-card floral\">\r\n          <div class=\"card-image\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Angels Art Collection\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"card-content\">\r\n            <h3>Angels<\/h3>\r\n            <p class=\"card-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=\"card-example\">\"Angela Calling\"<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Florals Collection -->\r\n        <div class=\"collection-card whimsy\">\r\n          <div class=\"card-image\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Florals Art Collection\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"card-content\">\r\n            <h3>Florals<\/h3>\r\n            <p class=\"card-description\">\r\n              Florals are inspired from the flowers in my garden, a bouquet from a loved one, and perhaps something seen in nature. A bouquet can be painted many times and in many ways. I use a multi-layered approach with acrylics, oil pastels, soft pastels and pencil.\r\n            <\/p>\r\n            <span class=\"card-example\">\"Crazy Blooms\"<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Intuitive Art Collection -->\r\n        <div class=\"collection-card landscape\">\r\n          <div class=\"card-image\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Intuitive Art Collection\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"card-content\">\r\n            <h3>Intuitive Art<\/h3>\r\n            <p class=\"card-description\">\r\n              Intuitive painting is one of my favorite ways to paint. There is a beginning with perhaps an intention... for example, \"Peace\" 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=\"card-example\">\"Maui Turtle Love\"<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Whimsy Collection -->\r\n        <div class=\"collection-card still-life\">\r\n          <div class=\"card-image\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Whimsy Art Collection\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"card-content\">\r\n            <h3>Whimsy<\/h3>\r\n            <p class=\"card-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=\"card-example\">\"Leap\"<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. Landscapes Collection -->\r\n        <div class=\"collection-card mixed-media\">\r\n          <div class=\"card-image\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Landscapes Art Collection\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n          <div class=\"card-content\">\r\n            <h3>Landscapes<\/h3>\r\n            <p class=\"card-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=\"card-example\">\"Peace on the Water\"<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Button - Elementor Style -->\r\n      <div class=\"collections-footer\">\r\n        <div class=\"btn-explore-wrapper\">\r\n          <a href=\"#\" class=\"btn-explore\">\r\n            <span class=\"btn-text\">Explore Collections<\/span>\r\n            <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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a16d084 e-con-full e-flex e-con e-parent\" data-id=\"a16d084\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb93d20 elementor-widget elementor-widget-html\" data-id=\"eb93d20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Classes Section - Clean & Readable with Equal Height -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.classes-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #FBF7F2;\r\n}\r\n\r\n\/* Classes Section *\/\r\n.classes-modern-classic {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #FBF7F2;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Decorative Background Elements *\/\r\n.classes-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20%;\r\n  right: -15%;\r\n  width: 60%;\r\n  height: 80%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.06) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.classes-modern-classic::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -10%;\r\n  left: -10%;\r\n  width: 40%;\r\n  height: 60%;\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\/* Decorative Circle *\/\r\n.classes-modern-classic .deco-circle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(215, 195, 180, 0.15);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.classes-modern-classic .deco-circle.c1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: 5%;\r\n  right: 5%;\r\n}\r\n\r\n.classes-modern-classic .deco-circle.c2 {\r\n  width: 180px;\r\n  height: 180px;\r\n  bottom: 10%;\r\n  left: 8%;\r\n  border-color: rgba(247, 176, 59, 0.08);\r\n}\r\n\r\n.classes-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Section Header *\/\r\n.classes-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  animation: fadeUp 1s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.classes-header .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.75rem;\r\n  letter-spacing: 8px;\r\n  text-transform: uppercase;\r\n  color: #000000;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.classes-header h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.6rem, 5vw, 4.2rem);\r\n  font-weight: 400;\r\n  color: #000000;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.classes-header h2 span {\r\n  color: #000000;\r\n}\r\n\r\n.classes-header .subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1.15rem;\r\n  font-weight: 300;\r\n  color: #000000;\r\n  margin-top: 0.5rem;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\/* Main Layout - Two Columns with Equal Height *\/\r\n.classes-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 3rem;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* ===== LEFT COLUMN - IMAGES ===== *\/\r\n.classes-images {\r\n  position: relative;\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.1s;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.classes-images .main-image {\r\n  position: relative;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  box-shadow: 0 30px 60px -20px rgba(44, 36, 30, 0.2);\r\n  border: 2px solid rgba(255, 245, 235, 0.3);\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #f0ebe6;\r\n  min-height: 420px;\r\n}\r\n\r\n.classes-images .main-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.8s ease;\r\n  min-height: 420px;\r\n}\r\n\r\n.classes-images .main-image:hover img {\r\n  transform: scale(1.02);\r\n}\r\n\r\n\/* Floating Image *\/\r\n.classes-images .floating-image {\r\n  position: absolute;\r\n  bottom: -35px;\r\n  right: -25px;\r\n  width: 42%;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 40px -12px rgba(44, 36, 30, 0.2);\r\n  border: 3px solid #faf8f6;\r\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\r\n  z-index: 3;\r\n}\r\n\r\n.classes-images .floating-image:hover {\r\n  transform: translateY(-6px) scale(1.02);\r\n  box-shadow: 0 30px 50px -12px rgba(44, 36, 30, 0.25);\r\n}\r\n\r\n.classes-images .floating-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n\/* Image Badge *\/\r\n.classes-images .image-badge {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 20px;\r\n  background: rgba(255, 252, 248, 0.9);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  padding: 0.4rem 1rem;\r\n  border-radius: 30px;\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.65rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  letter-spacing: 1px;\r\n  border: 1px solid rgba(255, 245, 235, 0.3);\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.04);\r\n  z-index: 2;\r\n}\r\n\r\n\/* ===== RIGHT COLUMN - CONTENT ===== *\/\r\n.classes-content {\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.2s;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.class-content-wrapper {\r\n  background: rgba(255, 252, 248, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 30px;\r\n  padding: 2.5rem 2.5rem 2rem;\r\n  border: 1px solid rgba(255, 245, 235, 0.4);\r\n  box-shadow: 0 10px 35px -10px rgba(44, 36, 30, 0.06);\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Date Badge *\/\r\n.class-date-badge {\r\n  display: inline-block;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.1rem;\r\n  color: #000000;\r\n  background: rgba(247, 176, 59, 0.12);\r\n  padding: 0.3rem 1.5rem;\r\n  border-radius: 40px;\r\n  margin-bottom: 0.6rem;\r\n  border: 1px solid rgba(247, 176, 59, 0.15);\r\n  letter-spacing: 0.5px;\r\n  align-self: flex-start;\r\n}\r\n\r\n.class-location-time {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-bottom: 1rem;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 1.2rem;\r\n}\r\n\r\n.class-location-time span {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n  color: #000000;\r\n}\r\n\r\n.class-description {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  font-weight: 400;\r\n  line-height: 1.7;\r\n  color: #000000;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.class-description strong {\r\n  font-weight: 500;\r\n  color: #000000;\r\n}\r\n\r\n\/* Supplies Highlight *\/\r\n.supplies-highlight {\r\n  background: rgba(255, 252, 248, 0.6);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 14px;\r\n  padding: 0.8rem 1.2rem;\r\n  margin: 0.5rem 0 1rem;\r\n  border: 1px solid rgba(200, 185, 175, 0.1);\r\n}\r\n\r\n.supplies-highlight .supplies-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 3px;\r\n  color: #000000;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.1rem;\r\n}\r\n\r\n.supplies-highlight p {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n.supplies-highlight .surprise {\r\n  color: #000000;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* Pricing *\/\r\n.pricing-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.8rem;\r\n  margin: 0.5rem 0 0.8rem;\r\n}\r\n\r\n.pricing-item {\r\n  flex: 1;\r\n  min-width: 100px;\r\n  background: rgba(255, 252, 248, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 14px;\r\n  padding: 0.6rem 1rem;\r\n  border: 1px solid rgba(200, 185, 175, 0.1);\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.pricing-item:hover {\r\n  border-color: rgba(247, 176, 59, 0.2);\r\n  background: rgba(255, 252, 248, 0.8);\r\n}\r\n\r\n.pricing-item .label {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  display: block;\r\n  margin-bottom: 0.1rem;\r\n}\r\n\r\n.pricing-item .amount {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.4rem;\r\n  color: #000000;\r\n  font-weight: 400;\r\n}\r\n\r\n.pricing-item .note {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-top: 0.1rem;\r\n}\r\n\r\n.pricing-note {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-bottom: 0.8rem;\r\n  font-style: italic;\r\n}\r\n\r\n\/* Contact *\/\r\n.contact-section {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 0.8rem 1.5rem;\r\n  padding-top: 0.8rem;\r\n  border-top: 1px solid #000000;\r\n  margin-top: 0.3rem;\r\n}\r\n\r\n.contact-section .contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 300;\r\n  color: #000000;\r\n}\r\n\r\n.contact-section .contact-item strong {\r\n  font-weight: 500;\r\n  color: #000000;\r\n}\r\n\r\n.contact-section .contact-item .phone {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.95rem;\r\n  color: #000000;\r\n  text-decoration: none;\r\n  font-weight: 400;\r\n}\r\n\r\n.contact-section .contact-item .phone:hover {\r\n  color: #555555;\r\n}\r\n\r\n.contact-section .contact-item.questions {\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n.classes-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.8rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.btn-primary-class {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.4rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #000000;\r\n  background-color: #F7B03B;\r\n  padding: 0.6rem 1.8rem;\r\n  border: none;\r\n  border-radius: 25px;\r\n  text-decoration: none!important;\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}\r\n\r\n.btn-primary-class:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  transform: scale(0.95);\r\n  text-decoration: none;\r\n}\r\n\r\n.btn-primary-class .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.4s ease;\r\n  font-size: 17px;\r\n  line-height: 1;\r\n}\r\n\r\n.btn-primary-class:hover .arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.btn-secondary-class {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.4rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #000000;\r\n  background: transparent;\r\n  padding: 0.6rem 1.8rem;\r\n  border: 2px solid #F7B03B;\r\n  border-radius: 25px;\r\n  text-decoration: none!important;\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}\r\n\r\n.btn-secondary-class:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  border-color: #070669;\r\n  transform: scale(0.95);\r\n  text-decoration: none;\r\n}\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media screen and (max-width: 1024px) {\r\n  .classes-grid {\r\n    gap: 2rem;\r\n  }\r\n  \r\n  .classes-images .floating-image {\r\n    width: 38%;\r\n    bottom: -28px;\r\n    right: -18px;\r\n  }\r\n  \r\n  .class-content-wrapper {\r\n    padding: 2rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n  .classes-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n  }\r\n  \r\n  .classes-images .main-image {\r\n    min-height: 320px;\r\n  }\r\n  \r\n  .classes-images .main-image img {\r\n    min-height: 320px;\r\n  }\r\n  \r\n  .classes-images .floating-image {\r\n    width: 32%;\r\n    bottom: -22px;\r\n    right: 20px;\r\n  }\r\n  \r\n  .class-content-wrapper {\r\n    padding: 1.8rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .classes-modern-classic {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n  \r\n  .classes-images .main-image {\r\n    min-height: 250px;\r\n    border-radius: 20px;\r\n  }\r\n  \r\n  .classes-images .main-image img {\r\n    min-height: 250px;\r\n  }\r\n  \r\n  .classes-images .floating-image {\r\n    width: 45%;\r\n    bottom: -18px;\r\n    right: 12px;\r\n    border-width: 2px;\r\n  }\r\n  \r\n  .classes-images .image-badge {\r\n    bottom: 12px;\r\n    left: 12px;\r\n    font-size: 0.5rem;\r\n    padding: 0.2rem 0.7rem;\r\n  }\r\n  \r\n  .class-content-wrapper {\r\n    padding: 1.2rem;\r\n    border-radius: 20px;\r\n  }\r\n  \r\n  .class-date-badge {\r\n    font-size: 0.9rem;\r\n    padding: 0.2rem 1rem;\r\n  }\r\n  \r\n  .class-location-time {\r\n    font-size: 0.85rem;\r\n    gap: 0.5rem;\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .class-description {\r\n    font-size: 0.95rem;\r\n    margin-bottom: 0.8rem;\r\n  }\r\n  \r\n  .supplies-highlight {\r\n    padding: 0.6rem 1rem;\r\n  }\r\n  \r\n  .supplies-highlight p {\r\n    font-size: 0.85rem;\r\n  }\r\n  \r\n  .pricing-row {\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n  \r\n  .pricing-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0.5rem 1rem;\r\n    min-width: auto;\r\n  }\r\n  \r\n  .pricing-item .amount {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .pricing-item .label {\r\n    font-size: 0.65rem;\r\n  }\r\n  \r\n  .pricing-item .note {\r\n    font-size: 0.55rem;\r\n  }\r\n  \r\n  .contact-section {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 0.3rem;\r\n    padding-top: 0.6rem;\r\n  }\r\n  \r\n  .contact-section .contact-item {\r\n    font-size: 0.8rem;\r\n  }\r\n  \r\n  .classes-buttons {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 0.6rem;\r\n  }\r\n  \r\n  .btn-primary-class,\r\n  .btn-secondary-class {\r\n    justify-content: center;\r\n    padding: 0.6rem 1.2rem;\r\n    font-size: 14px;\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, 10vw, 2.6rem);\r\n  }\r\n  \r\n  .classes-header .subtitle {\r\n    font-size: 0.95rem;\r\n    letter-spacing: 1px;\r\n  }\r\n  \r\n  .classes-modern-classic .deco-circle {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .classes-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- Classes HTML - Clean & Readable -->\r\n<div class=\"classes-widget-wrap\">\r\n  <section class=\"classes-modern-classic\">\r\n    \r\n    <!-- Decorative Circles -->\r\n    <div class=\"deco-circle c1\"><\/div>\r\n    <div class=\"deco-circle c2\"><\/div>\r\n    \r\n    <div class=\"classes-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"classes-header\">\r\n        <div class=\"section-label\">\u2726 Classes<\/div>\r\n        <h2>Paint with <span>Cindy<\/span><\/h2>\r\n        <p class=\"subtitle\">A one or two day creative experience<\/p>\r\n      <\/div>\r\n\r\n      <!-- Main Grid -->\r\n      <div class=\"classes-grid\">\r\n        \r\n        <!-- LEFT: Images -->\r\n        <div class=\"classes-images\">\r\n          <div class=\"main-image\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/static.wixstatic.com\/media\/4b4fc7_ad2e1f84a02c46d3a62c0f9cb33ace84~mv2.jpeg\/v1\/crop\/x_32,y_0,w_2529,h_2590\/fill\/w_209,h_214,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/Life%20is%20But%20a%20Dream%20%2024x24%20wood%20panel.jpeg\" \r\n              alt=\"Life is But a Dream - 24x24 wood panel\"\r\n              loading=\"lazy\"\r\n            \/>\r\n            <div class=\"image-badge\">\u2726 Life is But a Dream \u00b7 24\u00d724<\/div>\r\n          <\/div>\r\n          <div class=\"floating-image\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/static.wixstatic.com\/media\/8df06e_33c3c388820946dfb7d1334da0086a22~mv2.jpg\/v1\/fill\/w_225,h_225,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto\/20221108-_MG_1873_web_edited.jpg\" \r\n              alt=\"Cindy in studio\"\r\n              loading=\"lazy\"\r\n            \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT: Content -->\r\n        <div class=\"classes-content\">\r\n          <div class=\"class-content-wrapper\">\r\n            \r\n            <div class=\"class-date-badge\">July 25 &amp; 26, 2026<\/div>\r\n            \r\n            <div class=\"class-location-time\">\r\n              <span>\ud83d\udccd Santa Cruz, CA<\/span>\r\n              <span>\u23f0 10:00 AM \u2013 3:00 PM<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"class-description\">\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            <\/div>\r\n\r\n            <div class=\"supplies-highlight\">\r\n              <div class=\"supplies-label\">\u2726 All Supplies Provided<\/div>\r\n              <p>\r\n                Acrylic paints, brushes, mark making tools, soft pastels, oil pastels, \r\n                charcoal, large canvas, and <span class=\"surprise\">some surprises too!<\/span>\r\n              <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-row\">\r\n              <div class=\"pricing-item\">\r\n                <span class=\"label\">One Day<\/span>\r\n                <span class=\"amount\">$225<\/span>\r\n                <span class=\"note\">includes all materials<\/span>\r\n              <\/div>\r\n              <div class=\"pricing-item\">\r\n                <span class=\"label\">Both Days<\/span>\r\n                <span class=\"amount\">$400<\/span>\r\n                <span class=\"note\">save $50<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"pricing-note\">\u2713 All materials included.<\/div>\r\n\r\n            <div class=\"contact-section\">\r\n              <div class=\"contact-item\">\ud83d\udce9 <strong>DM to sign up<\/strong><\/div>\r\n              <div class=\"contact-item\">\ud83d\udcde <a href=\"tel:8312345785\" class=\"phone\">(831) 234-5785<\/a><\/div>\r\n              <div class=\"contact-item questions\">Questions? Contact me<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"classes-buttons\">\r\n              <a href=\"#\" class=\"btn-primary-class\">\r\n                Sign Up Now <span class=\"arrow\">\u2192<\/span>\r\n              <\/a>\r\n              <a href=\"#\" class=\"btn-secondary-class\">Contact Me<\/a>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-732b965 e-con-full e-flex e-con e-parent\" data-id=\"732b965\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aff3eb1 e-con-full e-flex e-con e-child\" data-id=\"aff3eb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-065d01a elementor-widget elementor-widget-heading\" data-id=\"065d01a\" 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\">Learn with Cindy!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9d27c elementor-widget elementor-widget-text-editor\" data-id=\"2f9d27c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tCheck out this video to learn more <br> about Cindy&#8217;s process of painting!\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4a06a2 e-con-full e-flex e-con e-child\" data-id=\"c4a06a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f92de5a elementor-widget elementor-widget-video\" data-id=\"f92de5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/file.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\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-e20abd5 e-con-full e-flex e-con e-parent\" data-id=\"e20abd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a2e179 elementor-widget elementor-widget-html\" data-id=\"5a2e179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Brand New Modern Testimonials Design -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.testimonials-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #FAF6F0;\r\n}\r\n\r\n\/* Testimonials Section *\/\r\n.testimonials-modern-classic {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #FAF6F0;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Gradient Background Elements *\/\r\n.testimonials-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\r\n  right: -15%;\r\n  width: 60%;\r\n  height: 80%;\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.testimonials-modern-classic::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -20%;\r\n  left: -10%;\r\n  width: 45%;\r\n  height: 70%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n\/* Decorative Shapes *\/\r\n.testimonials-modern-classic .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.testimonials-modern-classic .deco-shape.s1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: 5%;\r\n  right: 8%;\r\n  border: 1px solid rgba(247, 176, 59, 0.06);\r\n}\r\n\r\n.testimonials-modern-classic .deco-shape.s2 {\r\n  width: 200px;\r\n  height: 200px;\r\n  bottom: 10%;\r\n  left: 5%;\r\n  border: 1px solid rgba(215, 195, 180, 0.06);\r\n  border-radius: 40% 60% 50% 50% \/ 50% 40% 60% 50%;\r\n}\r\n\r\n.testimonials-modern-classic .deco-shape.s3 {\r\n  width: 120px;\r\n  height: 120px;\r\n  top: 50%;\r\n  left: 3%;\r\n  border: 1px solid rgba(247, 176, 59, 0.04);\r\n  border-radius: 50% 40% 60% 40% \/ 40% 60% 40% 60%;\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\/* ===== SECTION HEADER ===== *\/\r\n.testimonials-header {\r\n  text-align: center;\r\n  margin-bottom: 4rem;\r\n  animation: fadeUp 1s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.testimonials-header .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.9rem;\r\n  letter-spacing: 8px;\r\n  text-transform: uppercase;\r\n  color: #b7a393;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.testimonials-header h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.6rem, 5vw, 4.2rem);\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.1;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n\/*.testimonials-header h2::after {*\/\r\n\/*  content: '';*\/\r\n\/*  position: absolute;*\/\r\n\/*  bottom: -8px;*\/\r\n\/*  left: 50%;*\/\r\n\/*  transform: translateX(-50%);*\/\r\n\/*  width: 60px;*\/\r\n\/*  height: 3px;*\/\r\n\/*  background: linear-gradient(90deg, #F7B03B, #e09a2a);*\/\r\n\/*  border-radius: 3px;*\/\r\n\/*}*\/\r\n\r\n.testimonials-header h2 span {\r\n  color: #2c241e;\r\n}\r\n\r\n.testimonials-header .subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-top: 1.2rem;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* ===== TESTIMONIALS GRID ===== *\/\r\n.testimonials-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2rem;\r\n}\r\n\r\n\/* ===== TESTIMONIAL CARD - Modern ===== *\/\r\n.testimonial-card {\r\n  background: #ffffff;\r\n  border-radius: 28px;\r\n  padding: 2.2rem 2rem 2rem;\r\n  border: 1px solid rgba(200, 185, 175, 0.08);\r\n  box-shadow: 0 8px 40px -15px rgba(44, 36, 30, 0.04);\r\n  transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n}\r\n\r\n.testimonial-card:nth-child(1) { animation-delay: 0.05s; }\r\n.testimonial-card:nth-child(2) { animation-delay: 0.12s; }\r\n.testimonial-card:nth-child(3) { animation-delay: 0.19s; }\r\n\r\n.testimonial-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 28px;\r\n  padding: 1px;\r\n  background: linear-gradient(135deg, rgba(247, 176, 59, 0.2), transparent, rgba(247, 176, 59, 0.1));\r\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: xor;\r\n  mask-composite: exclude;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n}\r\n\r\n.testimonial-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.testimonial-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 25px 60px -18px rgba(44, 36, 30, 0.12);\r\n  border-color: rgba(247, 176, 59, 0.1);\r\n}\r\n\r\n\/* Quote Icon *\/\r\n.testimonial-card .quote-icon {\r\n  font-size: 2.6rem;\r\n  color: #F7B03B;\r\n  line-height: 1;\r\n  margin-bottom: 0.3rem;\r\n  opacity: 0.25;\r\n  font-family: 'Georgia', serif;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n\/* Rating Stars *\/\r\n.testimonial-card .stars {\r\n  display: flex;\r\n  gap: 0.15rem;\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.testimonial-card .stars .star {\r\n  color: #F7B03B;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n\/* Testimonial Text *\/\r\n.testimonial-card .testimonial-text {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.95rem;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  color: #4d3e34;\r\n  flex: 1;\r\n  margin-bottom: 1.2rem;\r\n}\r\n\r\n\/* Divider *\/\r\n.testimonial-card .divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(200, 185, 175, 0.15), transparent);\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n\/* Author Info *\/\r\n.testimonial-card .author-info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n}\r\n\r\n.testimonial-card .author-info .avatar {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #F7B03B, #d4891f);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 4px 15px -4px rgba(247, 176, 59, 0.25);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.testimonial-card:hover .author-info .avatar {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.testimonial-card .author-info .author-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.testimonial-card .author-info .author-name {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.95rem;\r\n  color: #2c241e;\r\n  font-weight: 400;\r\n}\r\n\r\n.testimonial-card .author-info .author-title {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.8rem;\r\n  font-weight: 400;\r\n  color: #000;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Read More Button *\/\r\n.testimonial-card .read-more {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #F7B03B;\r\n  text-decoration: none!important;\r\n  transition: all 0.3s ease;\r\n  margin-top: 0.8rem;\r\n  align-self: flex-start;\r\n  padding: 0.3rem 0;\r\n  border-bottom: 2px solid transparent;\r\n}\r\n\r\n.testimonial-card .read-more:hover {\r\n  color: #2c241e;\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.9rem;\r\n}\r\n\r\n.testimonial-card .read-more:hover .arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media screen and (max-width: 992px) {\r\n  .testimonials-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1.5rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .testimonials-modern-classic {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n  \r\n  .testimonials-modern-classic .deco-shape {\r\n    display: none;\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 h2::after {\r\n    width: 40px;\r\n    bottom: -5px;\r\n  }\r\n  \r\n  .testimonials-header .subtitle {\r\n    font-size: 0.9rem;\r\n    margin-top: 0.8rem;\r\n  }\r\n  \r\n  .testimonials-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 1.2rem;\r\n  }\r\n  \r\n  .testimonial-card {\r\n    padding: 1.5rem;\r\n    border-radius: 20px;\r\n  }\r\n  \r\n  .testimonial-card .testimonial-text {\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .testimonial-card .author-info .avatar {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 0.85rem;\r\n  }\r\n  \r\n  .testimonial-card .author-info .author-name {\r\n    font-size: 0.85rem;\r\n  }\r\n  \r\n  .testimonial-card .author-info .author-title {\r\n    font-size: 0.65rem;\r\n  }\r\n  \r\n  .testimonial-card .read-more {\r\n    font-size: 0.75rem;\r\n  }\r\n  \r\n  .testimonial-card .quote-icon {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .testimonial-card .stars .star {\r\n    font-size: 0.75rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 400px) {\r\n  .testimonial-card {\r\n    padding: 1.2rem;\r\n  }\r\n  \r\n  .testimonial-card .testimonial-text {\r\n    font-size: 0.85rem;\r\n    line-height: 1.6;\r\n  }\r\n}\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .testimonials-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- Testimonials HTML - Brand New Modern -->\r\n<div class=\"testimonials-widget-wrap\">\r\n  <section class=\"testimonials-modern-classic\">\r\n    \r\n    <!-- Decorative Shapes -->\r\n    <div class=\"deco-shape s1\"><\/div>\r\n    <div class=\"deco-shape s2\"><\/div>\r\n    <div class=\"deco-shape s3\"><\/div>\r\n    \r\n    <div class=\"testimonials-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"testimonials-header\">\r\n        <div class=\"section-label\">\u2726 Testimonials<\/div>\r\n        <h2>\r\n          What <span>People<\/span> Say\r\n        <\/h2>\r\n        <p class=\"subtitle\">Kind words from collectors and students<\/p>\r\n      <\/div>\r\n\r\n      <!-- Testimonials Grid -->\r\n      <div class=\"testimonials-grid\">\r\n        \r\n        <!-- Testimonial 1 - Wendy Thompson -->\r\n        <div class=\"testimonial-card\">\r\n          <div class=\"quote-icon\">\u275d<\/div>\r\n          <div class=\"stars\">\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n          <\/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. Each piece tells a story and brings so much warmth.\r\n          <\/p>\r\n          <div class=\"divider\"><\/div>\r\n          <div class=\"author-info\">\r\n            <div class=\"avatar\">W<\/div>\r\n            <div class=\"author-details\">\r\n              <span class=\"author-name\">Wendy Thompson<\/span>\r\n              <span class=\"author-title\">Collector \u00b7 Santa Cruz<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"#\" class=\"read-more\">\r\n            Read More <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n        \r\n        <!-- Testimonial 2 - Susann Cate Lynn -->\r\n        <div class=\"testimonial-card\">\r\n          <div class=\"quote-icon\">\u275d<\/div>\r\n          <div class=\"stars\">\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n          <\/div>\r\n          <p class=\"testimonial-text\">\r\n            Cindy Mori's art is vibrant and full of movement and color. I currently have three of her pieces and each one brings me joy every single day.\r\n          <\/p>\r\n          <div class=\"divider\"><\/div>\r\n          <div class=\"author-info\">\r\n            <div class=\"avatar\">S<\/div>\r\n            <div class=\"author-details\">\r\n              <span class=\"author-name\">Susann Cate Lynn<\/span>\r\n              <span class=\"author-title\">Collector \u00b7 Bay Area<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"#\" class=\"read-more\">\r\n            Read More <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n        \r\n        <!-- Testimonial 3 - Nancy Manning -->\r\n        <div class=\"testimonial-card\">\r\n          <div class=\"quote-icon\">\u275d<\/div>\r\n          <div class=\"stars\">\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n            <span class=\"star\">\u2605<\/span>\r\n          <\/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. Her work has become a daily source of inspiration.\r\n          <\/p>\r\n          <div class=\"divider\"><\/div>\r\n          <div class=\"author-info\">\r\n            <div class=\"avatar\">N<\/div>\r\n            <div class=\"author-details\">\r\n              <span class=\"author-name\">Nancy Manning<\/span>\r\n              <span class=\"author-title\">Artist \u00b7 Monterey<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"#\" class=\"read-more\">\r\n            Read More <span class=\"arrow\">\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad7aa2f e-flex e-con-boxed e-con e-parent\" data-id=\"ad7aa2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cf5ec6 elementor-widget elementor-widget-html\" data-id=\"4cf5ec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Modern FAQ Section - As per Image Reference -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.faq-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n}\r\n\r\n\/* FAQ Section *\/\r\n.faq-modern-classic {\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.faq-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\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.faq-modern-classic::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -20%;\r\n  left: -10%;\r\n  width: 35%;\r\n  height: 60%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.04) 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: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* ===== SECTION HEADER ===== *\/\r\n.faq-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  animation: fadeUp 1s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.faq-header .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 8px;\r\n  text-transform: uppercase;\r\n  color: #b7a393;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.faq-header h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.4rem, 5vw, 4rem);\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.faq-header h2 span {\r\n  color: #2c241e;\r\n}\r\n\r\n.faq-header .subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1.05rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-top: 0.5rem;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* ===== FAQ GRID - Two Columns ===== *\/\r\n.faq-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 3rem;\r\n  align-items: start;\r\n}\r\n\r\n\/* ===== LEFT: FAQ LIST ===== *\/\r\n.faq-left {\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.1s;\r\n}\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\/* ===== FAQ ITEM ===== *\/\r\n.faq-item {\r\n  background: rgba(255, 252, 248, 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(200, 185, 175, 0.08);\r\n  box-shadow: 0 2px 15px -8px rgba(44, 36, 30, 0.04);\r\n  transition: all 0.4s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.faq-item:hover {\r\n  border-color: rgba(247, 176, 59, 0.1);\r\n  box-shadow: 0 6px 25px -10px rgba(44, 36, 30, 0.06);\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: 'Sedan SC', serif;\r\n  font-size: 1.4rem;\r\n  font-weight: 400;\r\n  color: #4d3e34;\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(247, 176, 59, 0.08);\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: #F7B03B;\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.faq-item.active .faq-question .faq-icon {\r\n  background: #F7B03B;\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: #2c241e;\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: 'Josefin Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  line-height: 1.7;\r\n  color: #7f6b5c;\r\n  margin: 0;\r\n}\r\n\r\n.faq-item .faq-answer p strong {\r\n  color: #4d3e34;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* ===== RIGHT: IMAGE - Full Height ===== *\/\r\n.faq-right {\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.2s;\r\n  position: sticky;\r\n  top: 80px;\r\n  align-self: stretch;\r\n}\r\n\r\n.faq-right .image-wrapper {\r\n  position: relative;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 25px 50px -15px rgba(44, 36, 30, 0.15);\r\n  border: 1px solid rgba(200, 185, 175, 0.08);\r\n  background: #f0ebe6;\r\n  height: 100%;\r\n  min-height: 550px;\r\n  max-height: 650px;\r\n}\r\n\r\n.faq-right .image-wrapper img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.8s ease;\r\n}\r\n\r\n.faq-right .image-wrapper:hover img {\r\n  transform: scale(1.02);\r\n}\r\n\r\n\/* Image Badge *\/\r\n.faq-right .image-badge {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 20px;\r\n  right: 20px;\r\n  background: rgba(255, 252, 248, 0.85);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  padding: 0.4rem 1.2rem;\r\n  border-radius: 24px;\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  border: 1px solid rgba(255, 245, 235, 0.3);\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.04);\r\n  text-align: center;\r\n}\r\n\r\n.faq-right .image-badge .icon {\r\n  color: #F7B03B;\r\n  margin-right: 0.3rem;\r\n}\r\n\r\n\/* ===== CTA BOTTOM ===== *\/\r\n.faq-cta {\r\n  text-align: center;\r\n  margin-top: 3.5rem;\r\n  animation: fadeUp 1.4s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.35s;\r\n}\r\n\r\n.faq-cta .cta-text {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: #7f6b5c;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.faq-cta .btn-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  background-color: #F7B03B;\r\n  padding: 0.75rem 2.5rem;\r\n  border: none;\r\n  border-radius: 60px;\r\n  text-decoration: none!important;\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}\r\n\r\n.faq-cta .btn-cta:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  transform: scale(0.96);\r\n  text-decoration: none;\r\n}\r\n\r\n.faq-cta .btn-cta .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.4s ease;\r\n  font-size: 18px;\r\n}\r\n\r\n.faq-cta .btn-cta:hover .arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media screen and (max-width: 992px) {\r\n  .faq-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 2.5rem;\r\n  }\r\n  \r\n  .faq-right {\r\n    position: relative;\r\n    top: 0;\r\n  }\r\n  \r\n  .faq-right .image-wrapper {\r\n    min-height: 350px;\r\n    max-height: 450px;\r\n  }\r\n  \r\n  .faq-right .image-wrapper img {\r\n    object-fit: cover;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .faq-modern-classic {\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.9rem;\r\n  }\r\n  \r\n  .faq-item .faq-question {\r\n    padding: 0.9rem 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: 26px;\r\n    height: 26px;\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-right .image-wrapper {\r\n    min-height: 280px;\r\n    max-height: 350px;\r\n  }\r\n  \r\n  .faq-right .image-badge {\r\n    bottom: 14px;\r\n    left: 14px;\r\n    right: 14px;\r\n    font-size: 0.6rem;\r\n    padding: 0.3rem 0.8rem;\r\n  }\r\n  \r\n  .faq-cta .btn-cta {\r\n    font-size: 14px;\r\n    padding: 0.65rem 2rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .faq-item .faq-question {\r\n    padding: 0.7rem 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  .faq-right .image-wrapper {\r\n    min-height: 220px;\r\n    max-height: 280px;\r\n  }\r\n  \r\n  .faq-right .image-badge {\r\n    bottom: 10px;\r\n    left: 10px;\r\n    right: 10px;\r\n    font-size: 0.5rem;\r\n    padding: 0.2rem 0.6rem;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .faq-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- FAQ HTML with Right Side Image -->\r\n<div class=\"faq-widget-wrap\">\r\n  <section class=\"faq-modern-classic\">\r\n    \r\n    <div class=\"faq-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"faq-header\">\r\n        <div class=\"section-label\">\u2726 FAQs<\/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 Grid - Two Columns -->\r\n      <div class=\"faq-grid\">\r\n        \r\n        <!-- LEFT: FAQ List -->\r\n        <div class=\"faq-left\">\r\n          <div class=\"faq-list\">\r\n            \r\n            <!-- FAQ 1 -->\r\n            <div class=\"faq-item\">\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\">\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\">\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\">\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\">\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\">\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        <\/div>\r\n        \r\n        <!-- RIGHT: Image - Full Height -->\r\n        <div class=\"faq-right\">\r\n          <div class=\"image-wrapper\">\r\n            <img decoding=\"async\" \r\n              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\" \r\n              alt=\"Cindy Mori Art\"\r\n              loading=\"lazy\"\r\n            \/>\r\n            <div class=\"image-badge\">\r\n              <span class=\"icon\">\u2726<\/span>\r\nGift of the Angels\r\n\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n      \r\n      <!-- CTA Bottom -->\r\n      <div class=\"faq-cta\">\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<!-- JavaScript -->\r\n<script>\r\nfunction 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<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9e0f1f e-con-full e-flex e-con e-parent\" data-id=\"d9e0f1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef3043 elementor-widget elementor-widget-html\" data-id=\"6ef3043\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Modern Gallery Section - Explore Our Gallery -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.gallery-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #FAF6F0;\r\n}\r\n\r\n\/* Gallery Section *\/\r\n.gallery-modern-classic {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 5rem 1.5rem 6rem;\r\n  background: #FAF6F0;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Decorative Background Elements *\/\r\n.gallery-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\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.gallery-modern-classic::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -20%;\r\n  left: -10%;\r\n  width: 35%;\r\n  height: 60%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.gallery-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\/* ===== SECTION HEADER ===== *\/\r\n.gallery-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  animation: fadeUp 1s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.gallery-header .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 10px;\r\n  text-transform: uppercase;\r\n  color: #2c241e;\r\n  margin-bottom: 0.8rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.gallery-header h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.4rem, 5vw, 4rem);\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.gallery-header h2 span {\r\n  color: #2c241e;\r\n}\r\n\r\n.gallery-header .subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: #2c241e;\r\n  margin-top: 0.5rem;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\/* ===== GALLERY GRID - Masonry Style ===== *\/\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 1.2rem;\r\n}\r\n\r\n\/* ===== GALLERY ITEM ===== *\/\r\n.gallery-item {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px -10px rgba(44, 36, 30, 0.06);\r\n  border: 1px solid rgba(200, 185, 175, 0.06);\r\n  background: #f0ebe6;\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);\r\n  cursor: pointer;\r\n}\r\n\r\n.gallery-item:nth-child(1) { animation-delay: 0.05s; }\r\n.gallery-item:nth-child(2) { animation-delay: 0.1s; }\r\n.gallery-item:nth-child(3) { animation-delay: 0.15s; }\r\n.gallery-item:nth-child(4) { animation-delay: 0.2s; }\r\n.gallery-item:nth-child(5) { animation-delay: 0.25s; }\r\n.gallery-item:nth-child(6) { animation-delay: 0.3s; }\r\n.gallery-item:nth-child(7) { animation-delay: 0.35s; }\r\n.gallery-item:nth-child(8) { animation-delay: 0.4s; }\r\n\r\n.gallery-item:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 15px 40px -12px rgba(44, 36, 30, 0.12);\r\n  border-color: rgba(247, 176, 59, 0.12);\r\n}\r\n\r\n.gallery-item .gallery-image {\r\n  width: 100%;\r\n  aspect-ratio: 1\/1;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.8s ease;\r\n}\r\n\r\n.gallery-item:hover .gallery-image {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\/* ===== OVERLAY ON HOVER ===== *\/\r\n.gallery-item .gallery-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to bottom, transparent 40%, rgba(44, 36, 30, 0.5) 100%);\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  padding: 1.5rem;\r\n}\r\n\r\n.gallery-item:hover .gallery-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.gallery-item .gallery-overlay .overlay-text {\r\n  color: #ffffff;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.85rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.5px;\r\n  text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n}\r\n\r\n.gallery-item .gallery-overlay .overlay-text .sub {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.65rem;\r\n  font-weight: 300;\r\n  opacity: 0.7;\r\n  display: block;\r\n  margin-top: 0.2rem;\r\n}\r\n\r\n\/* ===== CTA BUTTON ===== *\/\r\n.gallery-cta {\r\n  text-align: center;\r\n  margin-top: 3.5rem;\r\n  animation: fadeUp 1.4s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.gallery-cta .btn-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  background-color: #F7B03B;\r\n  padding: 0.75rem 2.8rem;\r\n  border: none;\r\n  border-radius: 60px;\r\n  text-decoration: none!important;\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}\r\n\r\n.gallery-cta .btn-cta:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  transform: scale(0.96);\r\n  text-decoration: none;\r\n}\r\n\r\n.gallery-cta .btn-cta .arrow {\r\n  display: inline-block;\r\n  transition: transform 0.4s ease;\r\n  font-size: 18px;\r\n}\r\n\r\n.gallery-cta .btn-cta:hover .arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media screen and (max-width: 992px) {\r\n  .gallery-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .gallery-modern-classic {\r\n    padding: 3rem 1rem 4rem;\r\n  }\r\n  \r\n  .gallery-header {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n  \r\n  .gallery-header h2 {\r\n    font-size: clamp(2rem, 8vw, 2.6rem);\r\n  }\r\n  \r\n  .gallery-header .subtitle {\r\n    font-size: 0.85rem;\r\n    letter-spacing: 1px;\r\n  }\r\n  \r\n  .gallery-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 0.8rem;\r\n  }\r\n  \r\n  .gallery-item {\r\n    border-radius: 14px;\r\n  }\r\n  \r\n  .gallery-item .gallery-overlay {\r\n    padding: 1rem;\r\n  }\r\n  \r\n  .gallery-item .gallery-overlay .overlay-text {\r\n    font-size: 0.7rem;\r\n  }\r\n  \r\n  .gallery-item .gallery-overlay .overlay-text .sub {\r\n    font-size: 0.55rem;\r\n  }\r\n  \r\n  .gallery-cta {\r\n    margin-top: 2.5rem;\r\n  }\r\n  \r\n  .gallery-cta .btn-cta {\r\n    font-size: 14px;\r\n    padding: 0.65rem 2rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 400px) {\r\n  .gallery-grid {\r\n    gap: 0.5rem;\r\n  }\r\n  \r\n  .gallery-item .gallery-overlay {\r\n    padding: 0.6rem;\r\n  }\r\n  \r\n  .gallery-item .gallery-overlay .overlay-text {\r\n    font-size: 0.6rem;\r\n  }\r\n  \r\n  .gallery-item .gallery-overlay .overlay-text .sub {\r\n    font-size: 0.45rem;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .gallery-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- Gallery HTML - Explore Our Gallery -->\r\n<div class=\"gallery-widget-wrap\">\r\n  <section class=\"gallery-modern-classic\">\r\n    \r\n    <div class=\"gallery-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"gallery-header\">\r\n        <div class=\"section-label\">\u2726 Gallery<\/div>\r\n        <h2>\r\n          Explore <span>Our<\/span> Gallery\r\n        <\/h2>\r\n        <p class=\"subtitle\">A glimpse into Cindy's creative world<\/p>\r\n      <\/div>\r\n\r\n      <!-- Gallery Grid -->\r\n      <div class=\"gallery-grid\">\r\n        \r\n        <!-- Item 1 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(0)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/2ee15717-6a68-490a-9100-3d39a95b7303.jpg\" alt=\"Crazy Blooms\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Crazy Blooms <span class=\"sub\">Floral Collection<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 2 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(1)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/e33531eb-88e3-439d-95dd-6723ad4e4636.jpg\" alt=\"Maui Turtle Love\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Maui Turtle Love <span class=\"sub\">Intuitive Collection<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 3 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(2)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/ece97396-a8c3-47aa-ac18-bb42f67b1cb7.jpg\" alt=\"Leap\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Leap <span class=\"sub\">Whimsy Collection<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 4 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(3)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/539c4636-ab11-47bb-84e0-b46565dc5638.jpg\" alt=\"Peace on the Water\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Peace on the Water <span class=\"sub\">Landscape Collection<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 5 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(4)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/ae3b0f18-e7e8-4b71-b12f-5ffe36b80a88.jpg\" alt=\"Blue Stema\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Blue Stema <span class=\"sub\">Abstract Collection<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 6 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(5)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/bbb4ce1f-da79-4a24-90b9-b4847b70029b.jpg\" alt=\"Angela Calling\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Angela Calling <span class=\"sub\">Angels Collection<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 7 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(6)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/ae3b0f18-e7e8-4b71-b12f-5ffe36b80a88.jpg\" alt=\"Art Studio\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">In the Studio <span class=\"sub\">Behind the Scenes<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Item 8 -->\r\n        <div class=\"gallery-item\" onclick=\"openLightbox(7)\">\r\n          <img decoding=\"async\" class=\"gallery-image\" src=\"https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/2ee15717-6a68-490a-9100-3d39a95b7303.jpg\" alt=\"Art Detail\" loading=\"lazy\" \/>\r\n          <div class=\"gallery-overlay\">\r\n            <span class=\"overlay-text\">Art Detail <span class=\"sub\">Close Up<\/span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n      \r\n      <!-- CTA Button -->\r\n      <div class=\"gallery-cta\">\r\n        <a href=\"#\" class=\"btn-cta\">\r\n          View All Artworks\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<!-- Lightbox Modal -->\r\n<div class=\"gallery-modal\" id=\"galleryModal\">\r\n  <button class=\"close-modal\" onclick=\"closeLightbox()\">\u2715<\/button>\r\n  <button class=\"nav-btn prev\" onclick=\"changeLightbox(-1)\">\u2039<\/button>\r\n  <button class=\"nav-btn next\" onclick=\"changeLightbox(1)\">\u203a<\/button>\r\n  <div class=\"modal-content\">\r\n    <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"Gallery Image\" \/>\r\n    <div class=\"modal-title\" id=\"modalTitle\">\r\n      Image Title\r\n      <span class=\"sub\">Collection Name<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Lightbox Styles -->\r\n<style>\r\n.gallery-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(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  z-index: 9999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 2rem;\r\n  animation: fadeIn 0.4s ease;\r\n}\r\n\r\n.gallery-modal.active {\r\n  display: flex;\r\n}\r\n\r\n.gallery-modal .modal-content {\r\n  position: relative;\r\n  max-width: 800px;\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: 2px solid rgba(255, 255, 255, 0.06);\r\n  background: #1a1a1a;\r\n}\r\n\r\n.gallery-modal .modal-content img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.gallery-modal .modal-content .modal-title {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  padding: 1.5rem 2rem;\r\n  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));\r\n  color: #ffffff;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 400;\r\n}\r\n\r\n.gallery-modal .modal-content .modal-title .sub {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.8rem;\r\n  font-weight: 300;\r\n  opacity: 0.7;\r\n  display: block;\r\n  margin-top: 0.2rem;\r\n}\r\n\r\n.gallery-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: 'Josefin Sans', sans-serif;\r\n  line-height: 1;\r\n  opacity: 0.7;\r\n}\r\n\r\n.gallery-modal .close-modal:hover {\r\n  transform: rotate(90deg);\r\n  opacity: 1;\r\n}\r\n\r\n.gallery-modal .nav-btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  color: #ffffff;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  font-size: 1.2rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.gallery-modal .nav-btn:hover {\r\n  background: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.gallery-modal .nav-btn.prev {\r\n  left: -60px;\r\n}\r\n\r\n.gallery-modal .nav-btn.next {\r\n  right: -60px;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  0% { opacity: 0; transform: scale(0.95); }\r\n  100% { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .gallery-modal {\r\n    padding: 1rem;\r\n  }\r\n  \r\n  .gallery-modal .nav-btn.prev {\r\n    left: 10px;\r\n  }\r\n  \r\n  .gallery-modal .nav-btn.next {\r\n    right: 10px;\r\n  }\r\n  \r\n  .gallery-modal .nav-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .gallery-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  .gallery-modal .modal-content .modal-title {\r\n    font-size: 0.85rem;\r\n    padding: 1rem 1.2rem;\r\n  }\r\n  \r\n  .gallery-modal .modal-content .modal-title .sub {\r\n    font-size: 0.65rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Lightbox JavaScript -->\r\n<script>\r\nconst galleryItems = [\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/e20b46_20bda68ace6e40a4aa06f230fdd855c8mv2.avif', title: 'Crazy Blooms', sub: 'Floral Collection' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/e20b46_12b92d0a65664c7e8aebe81cdf598b70mv2.avif', title: 'Maui Turtle Love', sub: 'Intuitive Collection' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/e20b46_257da350f3224acc899b03e0cb5ec212mv2.avif', title: 'Leap', sub: 'Whimsy Collection' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/e20b46_bc540f9e224245fcb88d5728728b6711mv2.avif', title: 'Peace on the Water', sub: 'Landscape Collection' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/8df06e_c39096d31cfa4cbfa73a15a5b6c2856fmv2.avif', title: 'Blue Stema', sub: 'Abstract Collection' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/8df06e_45ef75c67caa4426adf6569705d77149mv2.avif', title: 'Angela Calling', sub: 'Angels Collection' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/8df06e_c39096d31cfa4cbfa73a15a5b6c2856fmv2.avif', title: 'In the Studio', sub: 'Behind the Scenes' },\r\n  { src: 'https:\/\/cindymori01.mystartupcrew.com\/wp-content\/uploads\/2026\/06\/e20b46_20bda68ace6e40a4aa06f230fdd855c8mv2.avif', title: 'Art Detail', sub: 'Close Up' }\r\n];\r\n\r\nlet currentLightbox = 0;\r\n\r\nfunction openLightbox(index) {\r\n  currentLightbox = index;\r\n  const modal = document.getElementById('galleryModal');\r\n  const img = document.getElementById('modalImage');\r\n  const title = document.getElementById('modalTitle');\r\n  \r\n  img.src = galleryItems[index].src;\r\n  title.innerHTML = galleryItems[index].title + '<span class=\"sub\">' + galleryItems[index].sub + '<\/span>';\r\n  \r\n  modal.classList.add('active');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeLightbox() {\r\n  const modal = document.getElementById('galleryModal');\r\n  modal.classList.remove('active');\r\n  document.body.style.overflow = '';\r\n}\r\n\r\nfunction changeLightbox(direction) {\r\n  currentLightbox += direction;\r\n  if (currentLightbox < 0) currentLightbox = galleryItems.length - 1;\r\n  if (currentLightbox >= galleryItems.length) currentLightbox = 0;\r\n  \r\n  const img = document.getElementById('modalImage');\r\n  const title = document.getElementById('modalTitle');\r\n  \r\n  img.src = galleryItems[currentLightbox].src;\r\n  title.innerHTML = galleryItems[currentLightbox].title + '<span class=\"sub\">' + galleryItems[currentLightbox].sub + '<\/span>';\r\n}\r\n\r\n\/\/ Keyboard navigation\r\ndocument.addEventListener('keydown', function(e) {\r\n  if (e.key === 'Escape') closeLightbox();\r\n  if (e.key === 'ArrowLeft') changeLightbox(-1);\r\n  if (e.key === 'ArrowRight') changeLightbox(1);\r\n});\r\n\r\n\/\/ Close modal by clicking outside\r\ndocument.getElementById('galleryModal').addEventListener('click', function(e) {\r\n  if (e.target === this) closeLightbox();\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-912c3ab e-con-full e-flex e-con e-parent\" data-id=\"912c3ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f15b8 elementor-widget elementor-widget-html\" data-id=\"c2f15b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Redesigned Modern Contact Us Section - Official Social Icons -->\r\n<style>\r\n\/* Import Google Fonts *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600&family=Sedan+SC&display=swap');\r\n\r\n\/* Reset & Base *\/\r\n.contact-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Josefin Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background: #ffffff;\r\n}\r\n\r\n\/* Contact Section *\/\r\n.contact-modern-classic {\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.contact-modern-classic::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -30%;\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 60%);\r\n  \r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.contact-modern-classic::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -20%;\r\n  left: -10%;\r\n  width: 35%;\r\n  height: 60%;\r\n  background: radial-gradient(circle, rgba(215, 195, 180, 0.04) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 0;\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\/* ===== SECTION HEADER ===== *\/\r\n.contact-header {\r\n  text-align: center;\r\n  margin-bottom: 3.5rem;\r\n  animation: fadeUp 1s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.contact-header .section-label {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 0.7rem;\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.contact-header h2 {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: clamp(2.4rem, 5vw, 4rem);\r\n  font-weight: 400;\r\n  color: #000000;\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.1;\r\n}\r\n\r\n.contact-header h2 span {\r\n  color: #000;\r\n}\r\n\r\n.contact-header .subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-top: 0.5rem;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\/* ===== CONTACT GRID ===== *\/\r\n.contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 3.5rem;\r\n  align-items: start;\r\n}\r\n\r\n\/* ===== LEFT: CONTACT FORM ===== *\/\r\n.contact-form-wrapper {\r\n  background: rgba(255, 252, 248, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 24px;\r\n  padding: 2.8rem;\r\n  border: 1px solid rgba(200, 185, 175, 0.08);\r\n  box-shadow: 0 8px 30px -12px rgba(44, 36, 30, 0.04);\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.1s;\r\n}\r\n\r\n.contact-form-wrapper .form-title {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-bottom: 0.3rem;\r\n}\r\n\r\n.contact-form-wrapper .form-subtitle {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000000;\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: 'Josefin Sans', sans-serif;\r\n  font-size: 0.8rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  margin-bottom: 0.4rem;\r\n  letter-spacing: 0.5px;\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.8rem 1rem;\r\n  border: 1px solid rgba(200, 185, 175, 0.15);\r\n  border-radius: 12px;\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\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: #b7a393;\r\n  font-weight: 400;\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-color: #F7B03B;\r\n  box-shadow: 0 0 0 3px rgba(247, 176, 59, 0.06);\r\n  background: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.contact-form-wrapper .form-group textarea {\r\n  height: 110px;\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: 1rem;\r\n}\r\n\r\n\/* Submit Button *\/\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.6rem;\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  background-color: #F7B03B;\r\n  padding: 0.8rem 2.8rem;\r\n  border: none;\r\n  border-radius: 60px;\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  width: 100%;\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.contact-form-wrapper .btn-submit:hover {\r\n  color: #FFFFFF;\r\n  background-color: #070669;\r\n  transform: scale(0.97);\r\n}\r\n\r\n\/* ===== RIGHT: CONTACT INFO ===== *\/\r\n.contact-info-wrapper {\r\n  animation: fadeUp 1.2s cubic-bezier(0.15, 0.85, 0.35, 1) forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.contact-info-wrapper .info-card {\r\n  background: rgba(255, 252, 248, 0.5);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  border-radius: 24px;\r\n  padding: 2.8rem;\r\n  border: 1px solid rgba(200, 185, 175, 0.08);\r\n  box-shadow: 0 8px 30px -12px rgba(44, 36, 30, 0.04);\r\n}\r\n\r\n.contact-info-wrapper .info-card .info-title {\r\n  font-family: 'Sedan SC', serif;\r\n  font-size: 1.3rem;\r\n  font-weight: 400;\r\n  color: #000000;\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: 'Josefin Sans', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 400;\r\n  color: #000000;\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: 'Josefin Sans', sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  line-height: 1.5;\r\n}\r\n\r\n.contact-info-wrapper .info-item .value a {\r\n  color: #000000;\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: #F7B03B;\r\n}\r\n\r\n\/* Divider *\/\r\n.contact-info-wrapper .divider {\r\n  width: 40px;\r\n  height: 2px;\r\n  background: #F7B03B;\r\n  margin: 1.8rem 0;\r\n}\r\n\r\n\/* ===== SOCIAL ICONS ===== *\/\r\n.contact-info-wrapper .social-section {\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.contact-info-wrapper .social-section .social-label {\r\n  font-family: 'Josefin Sans', sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 400;\r\n  color: #000000;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 1rem;\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: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  background: rgba(200, 185, 175, 0.06);\r\n  color: #000000;\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: #F7B03B;\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 8px 25px -8px rgba(247, 176, 59, 0.3);\r\n}\r\n\r\n.contact-info-wrapper .social-icons a:hover svg {\r\n  fill: #ffffff;\r\n}\r\n\r\n.contact-info-wrapper .social-icons a svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  fill: #000000;\r\n  transition: fill 0.3s ease;\r\n}\r\n\r\n\/* Fade Animation *\/\r\n@keyframes fadeUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media screen and (max-width: 992px) {\r\n  .contact-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n  }\r\n  \r\n  .contact-form-wrapper {\r\n    padding: 2rem;\r\n  }\r\n  \r\n  .contact-info-wrapper .info-card {\r\n    padding: 2rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 640px) {\r\n  .contact-modern-classic {\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.85rem;\r\n    letter-spacing: 1px;\r\n  }\r\n  \r\n  .contact-form-wrapper {\r\n    padding: 1.5rem;\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-info-wrapper .info-card {\r\n    padding: 1.5rem;\r\n    border-radius: 18px;\r\n  }\r\n  \r\n  .contact-info-wrapper .info-card .info-title {\r\n    font-size: 1.1rem;\r\n    margin-bottom: 1.2rem;\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-form-wrapper .btn-submit {\r\n    font-size: 14px;\r\n    padding: 0.7rem 2rem;\r\n  }\r\n  \r\n  .contact-info-wrapper .divider {\r\n    margin: 1.2rem 0;\r\n  }\r\n  \r\n  .contact-info-wrapper .social-icons {\r\n    gap: 0.7rem;\r\n  }\r\n  \r\n  .contact-info-wrapper .social-icons a {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n  \r\n  .contact-info-wrapper .social-icons a svg {\r\n    width: 17px;\r\n    height: 17px;\r\n  }\r\n}\r\n\r\n\/* WordPress compatibility *\/\r\n.widget .contact-widget-wrap {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n<\/style>\r\n\r\n<!-- Contact HTML - Official Social Icons -->\r\n<div class=\"contact-widget-wrap\">\r\n  <section class=\"contact-modern-classic\">\r\n    \r\n    <div class=\"contact-container\">\r\n      \r\n      <!-- Section Header -->\r\n      <div class=\"contact-header\">\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      <!-- Contact Grid -->\r\n      <div class=\"contact-grid\">\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 \u2192\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-card\">\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                \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        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\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 by Cindy Mori Explore Collections More About \u2726 About the Cindy Mori Cindy Mori is [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":97,"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/174"}],"wp:attachment":[{"href":"https:\/\/cindymori01.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}