/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 16:27 Unexpected bad string token
Line 16:68 Unterminated string token
Line 31:5 Expected identifier but found "%"
Line 32:6 Unexpected "<"
Line 32:38 Unexpected "{"
Line 32:47 Expected ":"
Line 32:67 Unexpected "<"
Line 33:5 Expected identifier but found "%"
... and 43 more hidden warnings

**/
{% comment %} S1 — HERO L'UNIVERS / LA MAISON K&G {% endcomment %}
<section class="kg-hero-s1">
  <div class="kg-hero-s1__media">
    <img
      src="{{ section.settings.hero_image | image_url: width: 1600 }}"
      alt="{{ section.settings.hero_image.alt | escape }}"
      width="1600"
      height="900"
      loading="eager"
      fetchpriority="high"
      class="kg-hero-s1__img"
    >
    <div class="kg-hero-s1__overlay"></div>
  </div>
  <div class="kg-hero-s1__content">
    {% if section.settings.eyebrow != blank %}
      <p class="kg-hero-s1__eyebrow">{{ section.settings.eyebrow }}</p>
    {% endif %}
    <h1 class="kg-hero-s1__title">{{ section.settings.title }}</h1>
    {% if section.settings.subtitle != blank %}
      <p class="kg-hero-s1__subtitle">{{ section.settings.subtitle }}</p>
    {% endif %}
  </div>
</section>

{% schema %}
{
  "name": "S1 — Hero éditorial",
  "settings": [
    { "type": "image_picker", "id": "hero_image", "label": "Photo hero" },
    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "L'UNIVERS KENTE & GOLD" },
    { "type": "text", "id": "title", "label": "Titre H1", "default": "Cinq façons de porter l'Afrique." },
    { "type": "text", "id": "subtitle", "label": "Sous-titre", "default": "Une sélection de créateurs africains choisis pour leur geste, leur matière et leur singularité." }
  ],
  "presets": [{ "name": "S1 — Hero éditorial" }]
}
{% endschema %}
.kg-hero-s1{position:relative;width:100%;aspect-ratio:16/9;min-height:480px;overflow:hidden;display:flex;align-items:flex-end}
.kg-hero-s1__media{position:absolute;inset:0}
.kg-hero-s1__img{width:100%;height:100%;object-fit:cover;object-position:center}
.kg-hero-s1__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.10) 0%,rgba(0,0,0,.65) 100%)}
.kg-hero-s1__content{position:relative;z-index:2;padding:0 5rem 4rem;max-width:900px}
.kg-hero-s1__eyebrow{font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:#c9a96e;margin-bottom:1.2rem}
.kg-hero-s1__title{font-family:var(--font-heading-family);font-style:italic;font-size:clamp(2.8rem,4vw,5.2rem);line-height:1.1;color:#f4efe6;margin-bottom:1.4rem}
.kg-hero-s1__subtitle{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.7;color:rgba(244,239,230,.72);max-width:60ch}
@media(max-width:749px){.kg-hero-s1__content{padding:0 2rem 3rem}.kg-hero-s1{aspect-ratio:unset;min-height:85vw}}
{% comment %} S2 — MANIFESTE ÉDITORIAL · 2 colonnes 1/3 + 2/3 {% endcomment %}
<section class="kg-s2-manifeste">
  <div class="kg-s2-manifeste__inner">

    <div class="kg-s2-manifeste__left">
      <p class="kg-s2-manifeste__label">{{ section.settings.label }}</p>
      <span class="kg-s2-manifeste__divider"></span>
    </div>

    <div class="kg-s2-manifeste__right">
      {% if section.settings.citation != blank %}
        <blockquote class="kg-s2-manifeste__citation">
          {{ section.settings.citation }}
        </blockquote>
      {% endif %}
      {% if section.settings.body != blank %}
        <div class="kg-s2-manifeste__body">{{ section.settings.body }}</div>
      {% endif %}
    </div>

  </div>
</section>

{% schema %}
{
  "name": "S2 — Manifeste éditorial",
  "settings": [
    {
      "type": "text",
      "id": "label",
      "label": "Label gauche",
      "default": "NOTRE PHILOSOPHIE"
    },
    {
      "type": "text",
      "id": "citation",
      "label": "Citation manifeste",
      "default": "Pas un catalogue. Un commissariat."
    },
    {
      "type": "richtext",
      "id": "body",
      "label": "Corps de texte",
      "default": "<p>Chez Kente & Gold, nous ne sélectionnons pas des produits. Nous choisissons des gestes, des matières et des récits. Chaque pièce porte en elle une origine, un savoir-faire et une intention.</p><p>Notre rôle est celui du commissaire : réunir, contextualiser, transmettre.</p>"
    }
  ],
  "presets": [{ "name": "S2 — Manifeste éditorial" }]
}
{% endschema %}
.kg-s2-manifeste{padding:7rem 5rem;background:var(--color-background)}
.kg-s2-manifeste__inner{display:grid;grid-template-columns:1fr 2fr;gap:4rem;max-width:1200px;margin:0 auto;align-items:start}
.kg-s2-manifeste__label{font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin-bottom:1.6rem}
.kg-s2-manifeste__divider{display:block;width:3.2rem;height:1px;background:#c9a96e}
.kg-s2-manifeste__citation{font-family:var(--font-heading-family);font-style:italic;font-size:clamp(1.8rem,2vw,2.4rem);line-height:1.4;color:rgba(var(--color-foreground),.9);border-left:2px solid #c9a96e;padding-left:2rem;margin:0 0 2.8rem}
.kg-s2-manifeste__body{font-family:var(--font-body-family);font-size:1.55rem;line-height:1.85;color:rgba(var(--color-foreground),.72)}
.kg-s2-manifeste__body p{margin-bottom:1.4rem;max-width:66ch}
@media(max-width:749px){
  .kg-s2-manifeste{padding:5rem 2rem}
  .kg-s2-manifeste__inner{grid-template-columns:1fr;gap:2.4rem}
}
.kg-hero-s1__eyebrow{text-shadow:0 1px 8px rgba(0,0,0,.75)}
.kg-hero-s1__title{text-shadow:0 2px 28px rgba(0,0,0,.8),0 1px 8px rgba(0,0,0,.5)}
.kg-hero-s1__subtitle{text-shadow:0 1px 12px rgba(0,0,0,.75)}