/** Shopify CDN: Minification failed

Line 180:0 Unexpected "`"
Line 184:1 Expected identifier but found "%"
Line 185:30 Unexpected "-"
Line 186:1 Expected identifier but found "%"
Line 188:0 Unexpected "<"
Line 191:5 Expected identifier but found "%"
Line 192:6 Unexpected "<"
Line 193:9 Unexpected "{"
Line 193:18 Expected ":"
Line 194:6 Unexpected "<"
... and 38 more hidden warnings

**/
/* ========================================================
   BASE LAYOUT & UTILITIES
   ======================================================== */
.mentorship-circle-container {
  font-family: inherit; /* Inherits your Shopify theme's font */
  line-height: 1.6;
}

.mc-prc .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
}

.text-center { text-align: center; }
.max-width-800 { max-width: 800px; margin: 0 auto; }

/* Backgrounds & Text Contrasts */
.dark-bg { color: #ffffff; }
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4 { color: #ffffff; }
.light-bg { color: #1A2332; } /* Slate Navy from your brand guide */

/* Buttons */
.primary-button {
  display: inline-block;
  background-color: #A46746; /* Terracotta from your brand guide */
  color: #ffffff;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  margin-top: 20px;
  transition: background-color 0.3s ease;
}
.primary-button:hover { background-color: #E96F50; /* Coral hover */ }

/* ========================================================
   SECTION: HERO
   ======================================================== */
/* ==========================================================
   Mentorship Circle Centered Hero
========================================================== */

.mentorship-circle-hero.centered-hero {
  text-align: center;
  padding: 100px 20px;
  background-color: #1A2332; 
  color: #EFECE4;
}

.hero-container-centered {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* The "Eyebrow" Pill Tag */
.hero-eyebrow {
  display: inline-block;
  border: 1px solid currentColor; 
  border-radius: 50px;
  padding: 8px 24px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 32px;
}

/* Headline with responsive scaling */
.hero-headline {
  font-size: clamp(2.5rem, 5vw, 4rem); 
  line-height: 1.1;
  margin-bottom: 24px;
  font-weight: 400; 
  color: inherit;
}

/* Terracotta italic accent in the headline */
.hero-headline em {
  font-style: italic;
  color: #A46746; /* Terracotta */
}

/* Subheadline */
.hero-subheadline {
  font-size: clamp(1rem, 2vw, 1.15rem);
  line-height: 1.6;
  margin-bottom: 40px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.9;
}

/* CTA Wrapper & Button Group */
.hero-cta-wrapper {
  margin-top: 10px;
  width: 100%;
}

.hero-button-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap; /* Allows buttons to stack gracefully on very small screens */
}

/* Primary Button Styling */
.hero-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #EFECE4; /* Cream */
  color: #1A2332; /* Slate Navy */
  padding: 18px 32px;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  min-width: 240px;
}

/* Button Hover State using Coral */
.hero-button:hover {
  background-color: #E96F50; /* Coral */
  color: #FCFBF8; /* Not White */
  transform: translateY(-2px);
}

/* ==========================================================
   Mobile Adjustments
========================================================== */

@media (max-width: 768px) {
  .mentorship-circle-hero.centered-hero {
    padding: 60px 20px;
  }
  
  .hero-eyebrow {
    margin-bottom: 24px;
    padding: 6px 18px;
    font-size: 0.75rem;
  }
  
  .hero-subheadline {
    margin-bottom: 32px;
  }

  .hero-button-group {
    flex-direction: column;
    gap: 12px;
  }
  
  .hero-button {
    padding: 16px 24px;
    width: 100%; 
    max-width: 100%;
  }
}

```
/* ========================================================
   SECTION: FEATURES GRID
   ======================================================== */
{% comment %}
  Mentorship Features Section - High Readability Layout
{% endcomment %}

<div class="mentorship-features-section" style="background-color: {{ section.settings.bg_color }};">
  <div class="container features-container">
    
    {% if section.settings.section_title != blank %}
      <h2 class="features-section-title" style="color: {{ section.settings.title_color }};">
        {{ section.settings.section_title }}
      </h2>
    {% endif %}

    <div class="features-list">
      {% for block in section.blocks %}
        <div class="feature-card" {{ block.shopify_attributes }}>
          
          <div class="feature-icon-wrapper">
            {% if block.settings.icon != blank %}
              <img src="{{ block.settings.icon | img_url: '150x' }}" alt="{{ block.settings.title }}" class="feature-icon">
            {% else %}
              <div class="icon-placeholder"></div>
            {% endif %}
          </div>

          <div class="feature-content">
            {% if block.settings.title != blank %}
              <h3 class="feature-title">{{ block.settings.title }}</h3>
            {% endif %}
            
            {% if block.settings.description != blank %}
              <div class="feature-description">
                {{ block.settings.description }}
              </div>
            {% endif %}
          </div>

        </div>
      {% endfor %}
    </div>

  </div>
</div>

{% schema %}
{
  "name": "Mentorship Features",
{
  "type": "url",
  "id": "monthly_link",
  "label": "Monthly Payment Link",
  "default": "https://akjbwg-kv.myshopify.com/a/loop_subscriptions/checkout/01KT30XCAEXFC8KD85C472YX68"
},
{
  "type": "url",
  "id": "quarterly_link",
  "label": "Quarterly Payment Link",
  "default": "https://akjbwg-kv.myshopify.com/a/loop_subscriptions/checkout/01KT30VF1294GYBT9BRH8JKZ3C"
}
  "settings": [
    {
      "type": "color",
      "id": "bg_color",
      "label": "Section Background Color",
      "default": "#FCFBF8"
    },
    {
      "type": "color",
      "id": "title_color",
      "label": "Section Title Color",
      "default": "#1A2332"
    },
    {
      "type": "text",
      "id": "section_title",
      "label": "Section Title",
      "default": "What you receive as a member."
    }
  ],
  "blocks": [
    {
      "type": "feature",
      "name": "Feature",
      "settings": [
        {
          "type": "image_picker",
          "id": "icon",
          "label": "Icon or Image"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Headline",
          "default": "A Recorded Somatic Therapy Session with Dr. Scott Lyons"
        },
        {
          "type": "richtext",
          "id": "description",
          "label": "Description text",
          "default": "<p>A full somatic therapy session captured for study — pacing, attunement, intervention, repair, the felt sense of a session in motion. Watch the work being done at the level of nuance you cannot get from any textbook or lecture. A reference you will return to.</p>"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Mentorship Features",
      "category": "Custom Content",
      "blocks": [
        { "type": "feature" },
        { "type": "feature" }
      ]
    }
  ]
}
{% endschema %}

/* ========================================================
   SECTION: FACULTY GRID
   ======================================================== */
.faculty-link {
  display: inline-block;
  font-size: 0.9rem;
  color: #C9A84C; /* Gold */
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
  margin-top: 8px;
  transition: color 0.2s ease;
}

.faculty-link:hover {
  color: #A46746; /* Terracotta on hover */
}.faculty-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-top: 40px;
}

.faculty-image-wrapper {
  width: 100%;
  height: 460px;  /* Was 320px — taller for 2-col portrait cards */
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
}

.faculty-section-heading {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400;
  margin-bottom: 16px;
  color: #1A2332;
}

.faculty-section-heading em {
  font-style: italic;
  color: #C9A84C;
}

.faculty-name { margin-bottom: 5px; font-size: 1.4rem; }
.faculty-role { font-size: 0.9rem; opacity: 0.8; margin-bottom: 15px; }
.faculty-bio { font-size: 0.95rem; line-height: 1.6; color: #444; }

/* ========================================================
   SECTION: PROCESS (HOW IT WORKS)
   ======================================================== */
.process-flow {
  max-width: 800px;
  margin: 40px auto 0;
}
.process-step {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
.step-icon-number {
  background: #A46746;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  flex-shrink: 0;
}

/* ========================================================
   SECTION: OUTCOMES (SPLIT COLUMN)
   ======================================================== */
.audience-split {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 40px;
  border-radius: 8px;
  overflow: hidden;
}
.audience-column {
  flex: 1 1 300px;
  padding: 40px;
}
.audience-column.for-you { background-color: #1A2332; color: white;}
.audience-column.not-for-you { background-color: #151C28; color: #a0aab8;}

/* ========================================================
   SECTION: PRICING
   ======================================================== */
.pricing-cards-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 40px 0;
  flex-wrap: wrap;
}
.pricing-card {
  background: #ffffff;
  padding: 40px;
  border-radius: 8px;
  width: 300px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.pricing-card .price { font-size: 2.5rem; font-weight: bold; margin: 20px 0; }
.pricing-card .price span { font-size: 1rem; font-weight: normal; }

.pricing-cta-button {
  display: block;
  text-align: center;
  margin-top: 24px;
  padding: 14px 24px;
  background-color: #1A2332;
  color: #EFECE4;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background-color 0.2s ease;
}

.pricing-cta-button:hover {
  background-color: #A46746;
  color: #ffffff;
}

/* Quarterly card button inherits the terracotta card bg — needs contrast override */
.pricing-card.quarterly .pricing-cta-button {
  background-color: #1A2332;
  color: #EFECE4;
}

/* ========================================================
   SECTION: FAQ ACCORDION
   ======================================================== */
.faq-accordion { margin-top: 40px; }
.faq-item {
  background: #ffffff;
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}
.faq-question {
  padding: 20px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.faq-answer {
  padding: 0 20px 20px 20px;
  color: #444;
}

/* ========================================================
   RESPONSIVE MOBILE TWEAKS
   ======================================================== */
@media (max-width: 768px) {
  .hero-headline { font-size: 2rem; }
  .container { padding: 40px 20px; }
}