/* =========================================================
  🧩 Lead
========================================================= */
.sec-am-case-studies .experience { display:flex; flex-direction:column; gap:var(--elements-gap); padding: 0 var(--wrapper-padding); }
.sec-am-case-studies .experience .block-content { display:flex; flex-direction:column; gap: var(--section-gap); }
.sec-am-case-studies .experience .block-content .lead { margin:auto; max-width:640px; }

/* =========================================================
  🧩 Experience List - Boxes
========================================================= */
.sec-am-case-studies .experience-list .box { padding:0; will-change: transform; backface-visibility: hidden; box-shadow:var(--shadow-box); transition:var(--trans-complete-effect); }

.sec-am-case-studies .experience-list .box.dark { background: var(--box-dark-bg); color: var(--box-dark-text-primary); }
.sec-am-case-studies .experience-list .box.dark h3 { color: var(--box-dark-text-heading); }

.sec-am-case-studies .experience-list .box.light { background: var(--box-light-bg); color: var(--box-light-text-primary); }
.sec-am-case-studies .experience-list .box.light h3 { color: var(--box-light-text-heading); }

.sec-am-case-studies .experience-list .box .arrow { background: var(--accent-primary); /*linear-gradient(90deg, #F56300, #E81155);*/ }
.sec-am-case-studies .experience-list .box:hover { box-shadow:var(--shadow-box-hover); transition:var(--trans-complete-effect);  }



/* structure */
.sec-am-case-studies .experience-list { display:grid; list-style:none; padding:0; margin:0 auto; }
.sec-am-case-studies .experience-list .box { border-radius:var(--box-br); }
.sec-am-case-studies .experience-list .box { border:1px solid var(--color-black-100); }
.sec-am-case-studies .experience-list .box.dark { border:0px solid var(--color-black-100); }
.sec-am-case-studies .experience-list .box { position:relative; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; align-items:left; text-align:left; }

.sec-am-case-studies .experience-list .box figure.photo img { width:100%; height:100%; aspect-ratio:324/324; object-fit:cover; }

.sec-am-case-studies .experience-list .box article,
.sec-am-case-studies .experience-list .box a { display:flex; width:100%; height:100%; justify-content: space-between; }
.sec-am-case-studies .experience-list .box .article-content { padding:var(--small-box-padding); display:flex; flex-direction:column; justify-content: space-between; text-decoration:none; color:inherit; }

.sec-am-case-studies .experience-list .box .article-header { display:flex; flex-direction:column; gap:var(--elements-gap); }
.sec-am-case-studies .experience-list .box .article-header figure.logo img { border-radius:0; width:auto; aspect-ratio:unset; }


.sec-am-case-studies .experience-list .card-highlight .article-container { display:flex; gap:0; }
.sec-am-case-studies .experience-list .article-footer { display:flex; justify-content:flex-end; display:none; }
.sec-am-case-studies .experience-list .card-highlight .article-container figure { width:100%; }
.sec-am-case-studies .experience-list .card-highlight .article-container .article-content { width:100%; }

.sec-am-case-studies .experience-list .box.img { padding:0; overflow:hidden; }



@media (min-width: 1px) and (max-width: 640px) {
  /* experience */ 
.sec-am-case-studies .experience { padding: 0; }
  .sec-am-case-studies .experience-list { max-width:360px; }
  .sec-am-case-studies .experience-list .box { height:auto; min-height:230px; }
  .sec-am-case-studies .experience-list .box .article-content { min-height:260px; }
  .section.sec-am-case-studies .section-content .experience-list .box h3 { font: var(--h5-font); letter-spacing: var(--h5-ls); }
  .section.sec-am-case-studies .section-content .experience-list .box h3 br { display:none; }

  .sec-am-case-studies .experience-list .card-highlight .article-container { flex-direction:column; }
  .sec-am-case-studies .experience-list { grid-template-columns:1fr; gap:var(--small-box-gap); }

  .sec-am-case-studies .experience-list .card-normal { grid-column: span 1; }
  .sec-am-case-studies .experience-list .card-highlight { grid-column: span 1; }
  .sec-am-case-studies .experience-list .box figure.photo img { -webkit-border-top-left-radius: var(--box-br); -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: var(--box-br); -moz-border-radius-bottomleft: 0; border-top-left-radius: var(--box-br); border-bottom-left-radius: 0; }

  .sec-am-case-studies .experience-list .box .article-header figure.logo img { border-radius:0; width:auto; height:20px; aspect-ratio:unset; }
  .sec-am-case-studies .experience-list .box .article-header { gap: calc(var(--elements-gap)); }

    .sec-experience .retailers-map .block-header { text-align:center !important; }
    .sec-experience .retailers-map .small-title, .sec-experience .retailers-logos .small-title {  margin: auto !important; }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .sec-am-case-studies .experience-list { max-width:700px; }
  .sec-am-case-studies .experience-list .box { height:auto; }
  .sec-am-case-studies .experience-list .box .article-content { min-height:180px; }
  .sec-am-case-studies .experience-list .box .article-content br { display:none; }

  .sec-am-case-studies .intro-experience .project-items li { width:200px; }

  .sec-am-case-studies .experience-list .card-highlight .article-container {  flex-direction:row; }
  .sec-am-case-studies .experience-list { grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); gap:var(--small-box-gap); }

  .sec-am-case-studies .experience-list .card-normal { grid-column: span 1; min-height:240px; }
  .sec-am-case-studies .experience-list .card-highlight { grid-column: span 2; }
  .sec-am-case-studies .experience-list .box figure.photo img { -webkit-border-top-left-radius: var(--box-br); -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: var(--box-br); -moz-border-radius-bottomleft: 0; border-top-left-radius: var(--box-br); border-bottom-left-radius: 0; }
  .sec-am-case-studies .experience-list .box .article-header figure.logo img { border-radius:0; width:auto; height:16px; aspect-ratio:unset; }
  .sec-am-case-studies .experience-list .box .article-header { gap: calc(var(--elements-gap)/1.5); }

  .sec-am-case-studies .row-direction { flex-direction:column; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .sec-am-case-studies .experience-list .box { min-height:220px; max-height:230px; width:100%; flex:1; min-width:0; overflow:hidden; }
  .sec-am-case-studies .experience-list .card-highlight .article-container { flex-direction: row; }

  .sec-am-case-studies .experience-list { grid-template-columns: repeat(auto-fit, minmax(22%, 1fr)); gap: var(--small-box-gap); width:auto; flex: 1; min-width: 0; }

  .sec-am-case-studies .experience-list .card-normal { grid-column: span 1; }
  .sec-am-case-studies .experience-list .card-highlight { grid-column: span 2; }
  .sec-am-case-studies .experience-list .box figure.photo img { -webkit-border-top-left-radius: var(--box-br); -webkit-border-bottom-left-radius: var(--box-br); -moz-border-radius-topleft: var(--box-br); -moz-border-radius-bottomleft: var(--box-br); border-top-left-radius: var(--box-br); border-bottom-left-radius: var(--box-br); }
  .sec-am-case-studies .experience-list .box:hover { transform: scale(var(--effects-hover-upscale-zoom-l)); z-index:5; }

  .sec-am-case-studies .experience-list .box .article-header figure.logo img { border-radius:0; width:auto; height:16px; aspect-ratio:unset; }
  .sec-am-case-studies .experience-list .box .article-header { gap: calc(var(--elements-gap)/2); }

  .sec-am-case-studies .experience-list .card-highlight .article-container .article-content,
  .sec-am-case-studies .experience-list .card-highlight .article-container figure { width:50% }


}

@media (min-width: 1200px) {
  .sec-am-case-studies .experience-list .box { min-height:324px; max-height:324px; width:100%; flex:1; min-width:0; overflow:hidden; }
  .sec-am-case-studies .experience-list .box:hover { transform: scale(var(--effects-hover-upscale-zoom-l)); z-index:5; }
  .sec-am-case-studies .experience-list .card-highlight .article-container { flex-direction: row; }

  .sec-am-case-studies .experience-list { grid-template-columns: repeat(auto-fit, minmax(22%, 1fr)); gap: var(--small-box-gap); width:auto; flex: 1; min-width: 0; max-width:var(--width-wrap-1400); }
  /* cards */
  .sec-am-case-studies .experience-list .card-normal { grid-column: span 1; }
  .sec-am-case-studies .experience-list .card-highlight { grid-column: span 2; }
  .sec-am-case-studies .experience-list .box figure.photo img { -webkit-border-top-left-radius: var(--box-br); -webkit-border-bottom-left-radius: var(--box-br); -moz-border-radius-topleft: var(--box-br); -moz-border-radius-bottomleft: var(--box-br); border-top-left-radius: var(--box-br); border-bottom-left-radius: var(--box-br); }
  .sec-am-case-studies .experience-list .box .article-header figure.logo img { border-radius:0; width:auto; height:20px; aspect-ratio:unset; }

  .sec-am-case-studies .experience-list .card-highlight .article-container .article-content,
  .sec-am-case-studies .experience-list .card-highlight .article-container figure { width:50% }
}

.sec-am-case-studies .experience-list { padding-bottom:50px; margin-bottom:-50px; }