/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'section-rich-text.css'"
Line 18:0 Unexpected "<"
Line 58:0 Unexpected "<"
Line 72:11 Expected identifier but found "%"
Line 73:12 Unexpected "{"
Line 73:13 Expected identifier but found "%"
Line 74:14 Unexpected "{"
Line 74:15 Expected identifier but found "%"
... and 62 more hidden warnings

**/
{{ 'section-rich-text.css' | asset_url | stylesheet_tag }}

<style>
  .video-background-section {
    position: relative;
    overflow: hidden;
  }

  .video-background-section .video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
  }

  .video-background-section .video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .video-background-section .video-overlay-texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/cdn/shop/files/vache_paper_texture_tile.png?v=1746814017");
    background-repeat: repeat;
    background-size: auto;
    opacity: 0.4;
    z-index: 1;
    pointer-events: none;
  }

  .video-background-section .rich-text {
    position: relative;
    z-index: 2;
  }
</style>

<section class="video-background-section section-{{ section.id }}-padding">
  <div class="video-background">
    <video autoplay muted loop playsinline>
      <source src="/cdn/shop/videos/c/o/v/3378e2afed1c4d258847df9ad5819f9b.mp4" type="video/mp4">
    </video>
  </div>
  <div class="video-overlay-texture"></div>

  <div class="isolate{% unless section.settings.full_width %} page-width{% endunless %}">
    <div class="rich-text content-container color-{{ section.settings.color_scheme }} gradient{% if section.settings.full_width %} rich-text--full-width content-container--full-width{% endif %} section-{{ section.id }}-padding">
      <div class="rich-text__wrapper rich-text__wrapper--{{ section.settings.desktop_content_position }}{% if section.settings.full_width %} page-width{% endif %}">
        <div class="rich-text__blocks {{ section.settings.content_alignment }}">
          {%- for block in section.blocks -%}
            {%- case block.type -%}
              {%- when 'heading' -%}
                <h2
                  class="rich-text__heading rte inline-richtext {{ block.settings.heading_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
                  {{ block.shopify_attributes }}
                  {% if settings.animations_reveal_on_scroll %}
                    data-cascade
                    style="--animation-order: {{ forloop.index }};"
                  {% endif %}
                >
                  {{ block.settings.heading }}
                </h2>
              {%- when 'caption' -%}
                <p
                  class="rich-text__caption {{ block.settings.text_style }} {{ block.settings.text_style }}--{{ block.settings.text_size }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
                  {{ block.shopify_attributes }}
                  {% if settings.animations_reveal_on_scroll %}
                    data-cascade
                    style="--animation-order: {{ forloop.index }};"
                  {% endif %}
                >
                  {{ block.settings.caption | escape }}
                </p>
              {%- when 'text' -%}
                <div
                  class="rich-text__text rte{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
                  {{ block.shopify_attributes }}
                  {% if settings.animations_reveal_on_scroll %}
                    data-cascade
                    style="--animation-order: {{ forloop.index }};"
                  {% endif %}
                >
                  {{ block.settings.text }}
                </div>
              {%- when 'buttons' -%}
                <div
                  class="rich-text__buttons{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
                  {{ block.shopify_attributes }}
                  {% if settings.animations_reveal_on_scroll %}
                    data-cascade
                    style="--animation-order: {{ forloop.index }};"
                  {% endif %}
                >
                  {%- if block.settings.button_label != blank -%}
                    <a
                      href="{{ block.settings.button_link }}"
                      class="button{% if block.settings.button_style_secondary %} button--secondary{% endif %}"
                    >
                      {{ block.settings.button_label | escape }}
                    </a>
                  {%- endif -%}
                  {%- if block.settings.button_label_2 != blank -%}
                    <a
                      href="{{ block.settings.button_link_2 }}"
                      class="button{% if block.settings.button_style_secondary_2 %} button--secondary{% endif %}"
                    >
                      {{ block.settings.button_label_2 | escape }}
                    </a>
                  {%- endif -%}
                </div>
            {%- endcase -%}
          {%- endfor -%}
        </div>
      </div>
    </div>
  </div>
</section>