{# ================== CSS (single block) ================== #}
{% require_css %}
<style>
  {% scope_css %}
  .slider-case-studies--module .slider-title{
    display:block;opacity:1;margin-bottom:2rem;margin-top:0;position:relative;z-index:5;
    font-size:4.4rem;font-weight:700;line-height:1.12;letter-spacing:-0.01em;
  }
  .slider-case-studies--module .slider-cs-text{margin-top:2rem;}
  .slider-case-studies--module .slider-desc{
    font-size:1.5rem;color:#99a3b8;margin-bottom:2.4rem;margin-top:0.8rem;max-width:360px;
  }
  .slider-case-studies--module .cta-container{margin-top:var(--spacer_24);}
  .slider-cs--container{clip-path:inset(-100vw -100vw -100vw -17px);}

  .slider-case-studies--module .card-slide{
    padding:15rem var(--spacer_40) var(--spacer_40) var(--spacer_40);
    background-repeat:no-repeat;background-size:cover;background-position:center;
    position:relative;border-radius:8px;height:auto;
  }
  .slider-case-studies--module .card-slide:after{
    content:"";background:linear-gradient(31deg,rgba(0,14,65,.83) 2.57%,rgba(0,29,133,.60) 56.39%,rgba(255,205,158,.17) 98.67%);
    position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;border-radius:8px;
  }
  .slider-case-studies--module .card-slide *{position:relative;z-index:1;margin-top:auto;}
  .slider-case-studies--module .card-slide h3{color:#fff;}
  .slider-case-studies--module .card-slide p.card-slide-industry{
    color:#111;font-size:var(--font_size_14);font-weight:var(--font_weight_700);background:var(--accent_color_2);
    border-radius:10rem;padding:var(--spacer_4) var(--spacer_12);width:max-content;text-transform:uppercase;
    margin-bottom:var(--spacer_24);max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
  }
  .slider-case-studies--module .glide__track{overflow:visible;}
  .slider-case-studies--module .glide__arrow{
    padding:0;top:unset;bottom:-6rem;transform:unset;width:5.6rem;height:5.6rem;
  }
  .slider-case-studies--module .glide__arrow--left{left:0;}
  .slider-case-studies--module .glide__arrow--right{right:unset;left:7rem;}
  .slider-case-studies--module .card-slide a.link-card{position:absolute;width:100%;height:100%;top:0;left:0;}

  @media (max-width:767px){
    .slider-cs-text{margin-bottom:var(--spacer_28);}
    .glide__arrows{display:none;}
    .glide__bullets{display:block;}

    .slider-case-studies--module{overflow-x:hidden;position:relative;padding-left:16px;padding-right:16px;}
    .slider-cs--container{clip-path:inset(0);overflow:hidden;}
    .slider-case-studies--module .glide__track{overflow:hidden;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;}
    .slider-case-studies--module .card-slide{box-sizing:border-box;padding:8rem 16px 24px;border-radius:12px;}

    .slider-case-studies--module .slider-title,
    .slider-case-studies--module .slider-desc,
    .slider-case-studies--module .slider-cs-text{margin-left:0;margin-right:0;}
  }
  @media (min-width:768px){
    .slider-cs--container{clip-path:inset(-100vw -100vw -100vw -17px);}
  }

  .slider-case-studies--module .card-slide,
  .slider-case-studies--module .glide__track{box-sizing:border-box;max-width:100%;}
  {% end_scope_css %}

  /* ===== THEME OVERRIDES (must be last; use !important) ===== */

  /* WHITE: title + desc + links = white */
  .slider-case-studies--module[data-theme="white"] .slider-title,
  .slider-case-studies--module[data-theme="white"] .slider-desc{
    color:#fff !important;
  }
  .slider-case-studies--module[data-theme="white"] .slider-cs-text a{
    color:#fff !important;
  }
  .slider-case-studies--module[data-theme="white"] .slider-cs-text a svg path{
    stroke:#fff !important; fill:#fff !important;
  }

  /* BLACK: title/desc = black, link = #0073ff */
  .slider-case-studies--module[data-theme="black"] .slider-title,
  .slider-case-studies--module[data-theme="black"] .slider-desc{
    color:#111 !important;
  }
  .slider-case-studies--module[data-theme="black"] .slider-cs-text a{
    color:#0073ff !important;
  }
  .slider-case-studies--module[data-theme="black"] .slider-cs-text a svg path{
    stroke:#0073ff !important; fill:#0073ff !important;
  }
</style>
{% end_require_css %}