/* =========================================================
  🧩 WRAPPER
========================================================= */
.sec-am-experience { padding: 0 0 var(--section-padding) 0; position:relative; }

.sec-am-experience .wrapped { flex-direction:column; gap:var(--section-gap); padding:0 var(--wrapper-padding); width:100%; max-width:var(--width-wrap-1400); }
.sec-am-experience .wrapped .section-content { display:flex; flex-direction:column; gap:var(--section-gap); margin:auto; width:auto; }
.sec-am-experience .wrapped .main-info { display:flex; flex-direction:column; }
.sec-am-experience .wrapped .main-info .block-content { display:flex; flex-direction:column; }

/* =========================================================
  🧩 MAIN HEADER
========================================================= */
.sec-am-experience .wrapped .main-info h2 {
  display:flex;
  flex-direction:column;
  gap:var(--elements-gap);
  width:fit-content;
  margin:auto;
}

.sec-am-experience .wrapped .main-info h2 .main-nr {
  background:var(--text-special);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font: var(--mh-font);
  letter-spacing: var(--mh-ls);
  text-align:center;
  line-height:100%;
  display:flex;
  width:100%;
  flex-direction:column;
  justify-content:center;
  -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 20%, rgba(0,0,0,0.60) 45%, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0) 100% );
  mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 20%, rgba(0,0,0,0.60) 45%, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0) 100% );
  margin:auto;
}

.sec-am-experience .wrapped .main-info h2 .main-nr-desc {
  color:var(--section-text-heading);
  text-align:center;
  font:var(--mh-font);
  letter-spacing:var(--mh-ls);
  line-height:105%;
  max-width:800px;
  display:block;
  margin:auto;
}

.sec-am-experience .wrapped .main-info h2 .main-nr-desc strong { display:inline; }

.sec-am-experience .wrapped .main-info p { text-align:center; margin:auto; max-width:800px; }

/* =========================================================
  🧩 PROJECTS
========================================================= */
.showcase-slider {
  position: relative;
  overflow: hidden;
  width:100%;
  display:flex;
  flex-direction: column;
  gap:var(--elements-gap);
  max-width:1200px;
}

/* lista slajdów */
.ss-projects-list {
  position: relative;
  width: 100%;
  height: auto;
  display:flex;
  flex: 1 1 auto; 
  justify-content: center;
  max-width: 1080px;
  aspect-ratio: 1214/740;    
}

/* pojedynczy slide */
.ss-projects-list li {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1214/740;
}

/* aktywny slide */
.ss-projects-list li.active {
  opacity: 1;
  pointer-events: auto;
}

/* wewnętrzny wrapper */
.ss-projects-list li .slide-inner {
  width: 100%;
  text-align: center;
  aspect-ratio: 1214/740;
}

.ss-projects-list li figure  {
  aspect-ratio: 1214/740;
  width:100%;
}

/* obrazek */
.ss-projects-list li figure img {
  width: auto;
  height: auto;
  display: block;
  max-width:100%;  aspect-ratio: 1214/740;
}



/* caption */
.ss-projects-list li figcaption {
  display:none;
}

/* dots */
.dots { display: flex; justify-content: center; gap:var(--elements-gap-s); }

.dot { padding:var(--space-8); cursor: pointer; }

.dot .btn-dot { border-radius: 50%; background: var(--state-color); cursor: pointer; width:var(--space-16); height:var(--space-16); }

.dot.active .btn-dot { background: var(--tab-vertical-bg-active); }







/*

.sec-am-experience .wrapped .showcase-slider {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--elements-gap);
  justify-content:center;
  align-items:flex-start;
  overflow:hidden;
}

.sec-am-experience .wrapped .showcase-slider figure img {
  transform-origin:top center;
  will-change:transform;
  transition:transform 0.2s linear;
  margin:auto;
}

.sec-am-experience .wrapped .showcase-slider figure figcaption { display:none; }

.sec-am-experience .wrapped .ss-projects-list { display:none; }
.sec-am-experience .wrapped .exp-intro { margin:auto; text-align:center; color:var(--section-text-secondary); }

/* --- showcase slider dots --- */
/*


/* tooltip */
.sec-am-experience .project-tooltip {
  position:fixed;
  z-index:9999;
  background:var(--color-black);
  color:white;
  padding:var(--space-4);
  border-radius:var(--radius-m);
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  pointer-events:none;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .25s ease, transform .25s ease;
}

.sec-am-experience .project-tooltip .tooltip-inner {
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.sec-am-experience .project-tooltip img {
  width:120px;
  height:auto;
  border-radius:var(--radius-s);
}

.sec-am-experience .project-tooltip.show {
  opacity:1;
  transform:translateY(0);
}




/* ============================================
   FADE SLIDES
============================================ */
.sec-am-experience .showcase-slider figure.fade-slide {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  transition:opacity .6s ease;
  display:flex;
  justify-content:center;
  align-items:center;
}

.sec-am-experience .showcase-slider figure.fade-slide.active {
  opacity:1;
  pointer-events:auto;
}


/* =========================================================
  🧩 NUMBERS
========================================================= */
.sec-am-experience .wrapped .exp-intro { margin:auto; text-align:center; }

.sec-am-experience .main-info .counters-list {
  display:flex;
  flex-direction:row;
  margin:auto;
  justify-content:center;
}

.sec-am-experience .main-info .counters-list .counter {
  display:flex;
  flex-direction:column;
  gap:var(--elements-gap-xs);
  color:var(--section-text-secodnary);
}
.sec-am-experience .main-info .counters-list .counter .h1 {
  width: fit-content;
}

.sec-am-experience .main-info .counters-list .counter .nr {
  line-height:100%;
  width:fit-content;
  display:inline-flex;
}

/* =========================================================
  🧩 RWD — 1px → 640px
========================================================= */
@media (min-width:1px) and (max-width:640px) {

  .sec-am-experience .wrapped .main-info { gap:var(--box-gap); }
  .sec-am-experience .wrapped .main-info .block-content { gap:var(--box-gap); }

  /* MAIN NR */
  .sec-am-experience .wrapped .main-info h2 .main-nr {
    font-size:var(--fs-main-nr);
    height:calc(0.75 * var(--fs-main-nr));
    width:fit-content; margin:auto;
  }

  .sec-am-experience .wrapped .main-info h2 .main-nr-desc { max-width:unset; }

  .sec-am-experience .wrapped .main-info h2 .main-nr-desc { font-size:calc(0.86 * var(--fs-main-header)) !important; line-height: 110%; }

  /* PROJECTS */
  .sec-am-experience .wrapped .ss-project img { width:100%; height:auto; }
  .sec-am-experience .wrapped .showcase-slider { height:fit-content; max-height:unset; }

  /* COUNTERS */
  .sec-am-experience .wrapped .main-info .counters-list {
    flex-direction:column;
    gap:calc(var(--box-gap) * 1.5);
  }

  .sec-am-experience .main-info .counters-list .counter { max-width:60vw; width:100%; }
  .sec-am-experience .main-info .counters-list .counter .h1 {
    font-size:calc(2.5 * var(--fs-main-header));
  }
}

@media (min-width:1px) and (max-width:420px) {
  .sec-am-experience .wrapped .main-info h2 .main-nr-desc { font-size: calc(0.82 * var(--fs-main-header)) !important; line-height: 110%; }
}

/* =========================================================
  🧩 RWD — 430px → 640px (unikalne różnice)
========================================================= */
@media (min-width:430px) and (max-width:640px) {
  .sec-am-experience .wrapped .exp-intro { max-width:100%; }
  .sec-am-experience .main-info .counters-list .counter { max-width:55vw; }
}

/* =========================================================
  🧩 RWD — 641px → 1023px
========================================================= */
@media (min-width:641px) and (max-width:1023px) {

  .sec-am-experience .wrapped .main-info { gap:var(--box-gap); }
  .sec-am-experience .wrapped .main-info .block-content { gap:calc(2 * var(--box-gap)); }

  /* MAIN NR */
  .sec-am-experience .wrapped .main-info h2 .main-nr { font-size:var(--fs-main-nr); height:calc(0.75 * var(--fs-main-nr)); width:fit-content; }

  .sec-am-experience .wrapped .main-info h2 .main-nr-desc { max-width:unset; }
  .sec-am-experience .wrapped .main-info h2 .main-nr-desc { font-size:calc(1.45 * var(--fs-main-header)) !important; line-height: 110%; }
  .sec-am-experience .wrapped .main-info p { max-width: 750px; }
  .sec-am-experience .wrapped .exp-intro { max-width:750px; }

  /* PROJECTS */
  .sec-am-experience .wrapped .ss-project img { width:90%; height:auto; }
  .sec-am-experience .wrapped .showcase-slider { height:fit-content; max-height:unset; }

  /* COUNTERS */
  .sec-am-experience .wrapped .main-info .counters-list {
    flex-direction:row;
    gap:calc(var(--box-gap) * 1.25);
    width:100%;
  }

  .sec-am-experience .main-info .counters-list .counter { max-width:270px; width:25vw; }
  .sec-am-experience .main-info .counters-list .counter .h1 {
    font-size:calc(1.75 * var(--fs-main-header));
  }
}

/* =========================================================
  🧩 RWD — 1024px → 1199px
========================================================= */
@media (min-width:1024px) and (max-width:1199px) {

  .sec-am-experience .wrapped .main-info { gap:calc(1.5 * var(--box-gap)); }
  .sec-am-experience .wrapped .main-info .block-content { gap:calc(2.5 * var(--box-gap)); }

  /* MAIN NR */
  .sec-am-experience .wrapped .main-info h2 .main-nr {
    font-size:var(--fs-main-nr);
    height:calc(0.75 * var(--fs-main-nr));
    width:fit-content;
  }

  .sec-am-experience .wrapped .main-info h2 .main-nr-desc { max-width:unset; }
  .sec-am-experience .wrapped .exp-intro { width:100%; max-width:860px; }

  /* PROJECTS */
  .sec-am-experience .wrapped .ss-project img { width:90%; height:auto; }
  .sec-am-experience .wrapped .showcase-slider { height:fit-content; max-height:unset; }

  /* COUNTERS */
  .sec-am-experience .wrapped .main-info .counters-list {
    flex-direction:row;
    gap:calc(var(--box-gap) * 3);
  }

  .sec-am-experience .main-info .counters-list .counter { max-width:270px; }
  .sec-am-experience .main-info .counters-list .counter .h1 {
    font-size:calc(1.5 * var(--fs-main-header));
  }
}

/* =========================================================
  🧩 RWD — 1200px+
========================================================= */
@media (min-width:1200px) {

  .sec-am-experience .wrapped .main-info { gap:calc(1.5 * var(--box-gap)); }
  .sec-am-experience .wrapped .main-info .block-content { gap:calc(2.5 * var(--box-gap)); }

  /* MAIN NR */
  .sec-am-experience .wrapped .main-info h2 .main-nr {
    font-size:var(--fs-main-nr);
    height:calc(0.75 * var(--fs-main-nr));
    width:fit-content;
  }

  /* PROJECTS */
  .sec-am-experience .wrapped .exp-intro { max-width:860px; }

  .sec-am-experience .wrapped .showcase-slider {
    height:auto;
    /* max-height:700px; */
  }

  .sec-am-experience .wrapped .showcase-slider figure img {
/*    max-width:auto;
    width:auto;
    height:75vh;
    max-height:700px;
    height:75vw;
    width:auto; */
  }

  /* COUNTERS */
  .sec-am-experience .wrapped .main-info .counters-list {
    flex-direction:row;
    gap:calc(var(--box-gap) * 4);
  }

  .sec-am-experience .main-info .counters-list .counter { max-width:270px; }
  .sec-am-experience .main-info .counters-list .counter .h1 {
    font-size:calc(1.5 * var(--fs-main-header));
  }
}