/** Shopify CDN: Minification failed

Line 114:0 Unexpected "{"
Line 114:1 Unexpected "{"
Line 114:3 Expected identifier but found "'enchanted-eco.css'"
Line 116:0 Unexpected "<"
Line 116:10 Expected identifier but found "%"
Line 116:55 Unexpected "="
Line 116:91 Expected identifier but found "%"
Line 116:107 Unexpected "="
Line 117:3 Expected identifier but found "%"
Line 117:44 Unexpected "<"
... and 40 more hidden warnings

**/
/* =========================================================================
   ENCHANTED ECO — SITE SETTINGS
   Colors, fonts, and spacing live here. Change a value once, it updates
   everywhere the site uses it. More sections will add their own blocks
   below this one, following the same --ee- variable names.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,300..700,0..100,0..1&family=Work+Sans:wght@400;500;600&family=Caveat:wght@600;700&display=swap');

:root{
  /* --- Colors --- */
  --ee-cream:#FBF3E7;         --ee-cream-rgb:251,243,231;
  --ee-cream-dark:#F3E7D3;    --ee-cream-dark-rgb:243,231,211;
  --ee-ink:#2B2320;
  --ee-moss:#5B7552;          /* GROW */
  --ee-coral:#E2703A;         /* MAKE */
  --ee-butter:#EDAE1D;        /* GATHER */
  --ee-berry:#B23A6B;         /* MOVE / accent */
  --ee-midnight:#241B3A;      /* K.MP3 background */
  --ee-lime:#C7E05A;          /* K.MP3 accent */
  --ee-line: rgba(43,35,32,0.14);

  /* --- Type scale --- */
  --ee-h1-size: clamp(36px,6.6vw,64px);
  --ee-h2-size: clamp(29px,4.4vw,40px);
  --ee-h3-size: clamp(19px,2.4vw,22px);
}

.ee-section h1, .ee-section h2, .ee-section h3{
  font-family:"Fraunces",serif;
  font-variation-settings:"SOFT" 75,"WONK" 1;
  font-weight:560; letter-spacing:-0.01em; line-height:1.06;
  margin:0;
}
.ee-section{ font-family:"Work Sans",sans-serif; color:var(--ee-ink); }
.ee-scribble{ font-family:"Caveat",cursive; font-weight:700; }
.ee-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.ee-eyebrow{ font-size:13px; font-weight:600; margin-bottom:10px; display:block; }
.ee-cta{ display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px; padding:12px 22px; border-radius:999px; cursor:pointer; border:none; font-family:"Work Sans",sans-serif; }
.ee-cta.ee-solid{ background:var(--ee-ink); color:var(--ee-cream); }
.ee-cta.ee-outline{ border:1.5px solid var(--ee-ink); background:transparent; color:var(--ee-ink); }
.ee-cta:hover{ opacity:.85; }

/* ---------------- HERO ---------------- */
.ee-hero{ padding:48px 24px 8px; text-align:center;  }
.ee-hero .ee-eyebrow{ opacity:.7; }
.ee-hero h1{ font-size:var(--ee-h1-size); max-width:780px; margin:12px auto 14px; }
.ee-hero .ee-sub{ max-width:440px; margin:0 auto 24px; font-size:17px; opacity:.85; }
.ee-hero-collage{ display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:620px; margin:0 auto 26px; }
.ee-hero-collage img{ width:100%; height:170px; object-fit:cover; border-radius:3px; box-shadow:2px 5px 12px rgba(43,35,32,.16); }
.ee-hero-collage a:nth-child(1) img{ transform:rotate(-2deg); }
.ee-hero-collage a:nth-child(2) img{ transform:rotate(2deg); }
@media (max-width:600px){ .ee-hero-collage{ grid-template-columns:1fr; } }
.ee-worlds-line{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.ee-worlds-line a{ font-size:14px; font-weight:600; padding:8px 16px; border-radius:999px; border:1.5px solid currentColor; text-decoration:none; }
.ee-worlds-line a:hover{ background:currentColor; color:var(--ee-cream); }

/* ---------------- SHOP PREVIEW ---------------- */
.ee-shop{ padding:88px 24px;  }
.ee-shop-head{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:16px; margin-bottom:34px; }
.ee-shop-head h2{ font-size:var(--ee-h2-size); margin-bottom:6px; }
.ee-shop-head p{ opacity:.75; max-width:400px; margin:0; }
.ee-product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
@media (max-width:900px){ .ee-product-grid{ grid-template-columns:repeat(2,1fr); } }
.ee-product-card a{ text-decoration:none; color:inherit; display:block; }
.ee-product-card img{ width:100%; height:190px; object-fit:cover; border-radius:3px; margin-bottom:10px; box-shadow:2px 5px 12px rgba(43,35,32,.16); transition:transform .2s ease; }
.ee-product-card img:hover{ transform:rotate(-1.5deg) scale(1.02); }
.ee-product-card .ee-name{ font-weight:600; font-size:14px; margin-bottom:2px; }
.ee-product-card .ee-price{ font-size:13px; opacity:.7; }

/* ---------------- FEATURE (reusable: Make / Grow / Gather) ---------------- */
.ee-feature{ padding:88px 24px; }
.ee-feature-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; }
@media (max-width:820px){ .ee-feature-wrap{ grid-template-columns:1fr; } }
.ee-feature-visual{ position:relative; height:360px; }
.ee-feature-visual .ee-big{ position:absolute; top:0; right:0; bottom:0; left:0; width:calc(100% - 36px); height:100%; object-fit:cover; border-radius:3px; box-shadow:2px 5px 12px rgba(43,35,32,.16); }
.ee-feature-visual .ee-small{ position:absolute; bottom:-18px; left:-8px; width:44%; height:52%; border:6px solid var(--ee-cream); object-fit:cover; border-radius:3px; box-shadow:2px 5px 12px rgba(43,35,32,.16); }
.ee-feature-text h2{ font-size:var(--ee-h2-size); margin-bottom:14px; }
.ee-feature-text p{ opacity:.85; margin-bottom:20px; max-width:420px; }

/* ---------------- SCRAPBOOK (Life Lately photo wall) ---------------- */
.ee-scrapbook{ padding:88px 24px; }
.ee-scrapbook h2{ font-size:var(--ee-h2-size); text-align:center; margin-bottom:6px; }
.ee-scrapbook .ee-sub-center{ opacity:.72; max-width:460px; margin:0 auto 40px; text-align:center; }
.ee-wall{ display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:100px; gap:12px; max-width:1180px; margin:0 auto; }
.ee-wall-tile{ position:relative; border-radius:3px; overflow:hidden; box-shadow:2px 5px 12px rgba(43,35,32,.16); }
.ee-wall-tile img{ width:100%; height:100%; object-fit:cover; display:block; }
.ee-wall-tile .ee-caption-tip{ position:absolute; bottom:6px; left:50%; transform:translateX(-50%); font-family:"Caveat",cursive; font-size:15px; color:var(--ee-berry); background:var(--ee-cream); padding:2px 10px; border-radius:8px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s; }
.ee-wall-tile:hover .ee-caption-tip{ opacity:1; }
.ee-wall .t1{ grid-column:span 2; grid-row:span 2; transform:rotate(-2deg);}
.ee-wall .t2{ transform:rotate(3deg);}
.ee-wall .t3{ grid-row:span 2; transform:rotate(-1deg);}
.ee-wall .t4{ grid-column:span 2; transform:rotate(1.5deg);}
.ee-wall .t5{ transform:rotate(-3deg);}
.ee-wall .t6{ grid-column:span 2; grid-row:span 2; transform:rotate(1deg);}
.ee-wall .t7{ transform:rotate(2deg);}
.ee-wall .t8{ transform:rotate(-2deg);}
@media (max-width:900px){ .ee-wall{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:560px){ .ee-wall{ grid-template-columns:repeat(2,1fr); grid-auto-rows:130px; } .ee-wall-tile{ grid-column:span 1 !important; grid-row:span 1 !important; transform:none !important; } }
{{ 'enchanted-eco.css' | asset_url | stylesheet_tag }}

<section {% if section.settings.anchor_id != blank %}id="{{ section.settings.anchor_id }}"{% endif %} class="ee-section ee-scrapbook">
  {% if section.settings.heading != blank %}<h2>{{ section.settings.heading }}</h2>{% endif %}
  {% if section.settings.subheading != blank %}<p class="ee-sub-center">{{ section.settings.subheading }}</p>{% endif %}

  <div class="ee-wall">
    {% for block in section.blocks %}
      {% assign tile_num = forloop.index | modulo: 8 | plus: 1 %}
      <div class="ee-wall-tile t{{ tile_num }}" {{ block.shopify_attributes }}>
        {% if block.settings.image != blank %}
          {{ block.settings.image | image_url: width: 500 | image_tag: loading: 'lazy', alt: block.settings.caption }}
        {% endif %}
        {% if block.settings.caption != blank %}
          <span class="ee-caption-tip">{{ block.settings.caption }}</span>
        {% endif %}
      </div>
    {% endfor %}
  </div>
</section>

{% schema %}
{
  "name": "EE — Life Lately (photo wall)",
  "settings": [
    { "type": "text", "id": "anchor_id", "label": "Anchor ID", "default": "life-lately" },
    { "type": "text", "id": "heading", "label": "Heading", "default": "Currently making a mess" },
    { "type": "textarea", "id": "subheading", "label": "Subheading", "default": "Life lately, unfiltered. Hover for the handwritten notes." }
  ],
  "blocks": [
    {
      "type": "photo",
      "name": "Photo",
      "settings": [
        { "type": "image_picker", "id": "image", "label": "Photo" },
        { "type": "text", "id": "caption", "label": "Handwritten caption", "default": "new painting" }
      ]
    }
  ],
  "presets": [
    {
      "name": "EE — Life Lately (photo wall)",
      "blocks": [
        { "type": "photo", "settings": { "caption": "new painting" } },
        { "type": "photo", "settings": { "caption": "dye everywhere" } },
        { "type": "photo", "settings": { "caption": "K.MP3 got loud" } },
        { "type": "photo", "settings": { "caption": "found this at the thrift store" } },
        { "type": "photo", "settings": { "caption": "plant update: thriving" } },
        { "type": "photo", "settings": { "caption": "market day" } },
        { "type": "photo", "settings": { "caption": "this one took forever" } },
        { "type": "photo", "settings": { "caption": "no explanation" } }
      ]
    }
  ]
}
{% endschema %}