/* SŁOWIK DIGITAL — DOŚWIADCZENIE PREMIUM v2.12 */

.sd-exp-premium{
  --exp-navy:#061d3d;
  --exp-navy2:#082d57;
  --exp-blue:#0b9cf3;
  --exp-cyan:#28c9ec;
  --exp-ink:#082453;
  --exp-text:#5f7690;
  --exp-muted:#7e90a4;
  --exp-line:#d7e5ee;
  --exp-soft:#eef8fd;
  --exp-soft2:#e3f4fc;
  color:var(--exp-ink);
  background:#fff;
  font-family:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.sd-exp-premium *{box-sizing:border-box}
.sd-exp-premium h1,.sd-exp-premium h2,.sd-exp-premium h3{margin-top:0;text-wrap:balance}
.sd-exp-premium p{ text-wrap:pretty; }

.sd-exp-shell{
  width:min(var(--sd-home-max,1380px),calc(100% - var(--sd-home-gutter,48px)));
  margin-inline:auto;
}
.sd-exp-kicker{
  margin:0;
  color:#47698e;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.24em;
}
.sd-exp-kicker::after{
  content:"";
  display:inline-block;
  width:46px;
  height:2px;
  margin:0 0 3px 13px;
  background:var(--exp-cyan);
}
.sd-exp-kicker--light{color:#dbe9f4}

/* HERO */
.sd-exp-hero{
  position:relative;
  min-height:450px;
  overflow:hidden;
  color:#fff;
  background:#061a38;
}
.sd-exp-hero__image,.sd-exp-hero__overlay{
  position:absolute;
  inset:0;
}
.sd-exp-hero__image{
  background:url('/modules/experience-page-v2/assets/hero-experience-premium-v24-2560.webp') center 48% / cover no-repeat;
  transform:scale(1.012);
}
.sd-exp-hero__overlay{
  background:
    linear-gradient(90deg,rgba(4,23,50,.97) 0%,rgba(4,23,50,.93) 29%,rgba(4,23,50,.78) 44%,rgba(4,23,50,.34) 62%,rgba(4,23,50,.12) 82%,rgba(4,23,50,.22) 100%),
    linear-gradient(180deg,rgba(2,14,32,.06),rgba(2,14,32,.28));
}
.sd-exp-hero__inner{
  position:relative;
  z-index:2;
  min-height:450px;
  display:flex;
  align-items:center;
}
.sd-exp-hero__copy{
  width:min(760px,59%);
  padding:55px 0 54px;
}
.sd-exp-hero h1{
  max-width:760px;
  margin:18px 0 0;
  color:#fff;
  font-size:clamp(33px,2.55vw,45px);
  font-weight:720;
  line-height:1.04;
  letter-spacing:-.05em;
}
.sd-exp-hero h1 span{color:#8ad8ff}
.sd-exp-hero__lead{
  max-width:665px;
  margin:18px 0 0;
  color:#d9e6f1;
  font-size:14.5px;
  line-height:1.55;
}
.sd-exp-actions{
  display:flex;
  gap:15px;
  margin-top:26px;
}
.sd-exp-button{
  min-height:49px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-width:185px;
  padding:0 22px;
  border-radius:0;
  font-size:12.7px;
  font-weight:740;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.sd-exp-button i{font-style:normal;font-size:18px;transition:transform .2s ease}
.sd-exp-button:hover i{transform:translateX(4px)}
.sd-exp-button--primary{
  border:1px solid #0b9cf3;
  background:#0b9cf3;
  color:#fff;
}
.sd-exp-button--primary:hover{background:#128adb;border-color:#128adb}
.sd-exp-button--secondary{
  border:1px solid rgba(255,255,255,.72);
  background:rgba(5,29,59,.18);
  color:#fff;
}
.sd-exp-button--secondary:hover{background:rgba(8,46,84,.48);border-color:#7bd9ef}

.sd-exp-hero__aside{
  position:absolute;
  right:0;
  top:68px;
  display:grid;
  justify-items:end;
  gap:18px;
  text-align:right;
}
.sd-exp-hero__aside p{
  margin:0;
  color:#d5e4ef;
  font-size:8.8px;
  line-height:1.65;
  font-weight:700;
  letter-spacing:.22em;
}
.sd-exp-hero__aside>span{
  width:40px;
  height:1px;
  background:#4ed6ef;
}
.sd-exp-hero__aside small{
  margin-top:60px;
  padding-top:15px;
  border-top:1px solid rgba(100,208,236,.55);
  color:#b7cadb;
  font-size:7.3px;
  line-height:1.58;
  letter-spacing:.15em;
}

/* OWNER */
.sd-exp-owner{
  padding:24px 0 22px;
  background:#fff;
}
.sd-exp-owner__grid{
  display:grid;
  grid-template-columns:500px minmax(0,1fr) 225px;
  gap:36px;
  align-items:center;
}
.sd-exp-owner__card{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  gap:20px;
  min-width:0;
  padding:12px 18px 12px 12px;
  background:linear-gradient(120deg,#fbfdff,#f2f8fc);
}
.sd-exp-owner__portrait{
  width:128px;
  height:158px;
  margin:0;
  overflow:hidden;
  background:#eef3f6;
}
.sd-exp-owner__portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
}
.sd-exp-owner__identity{min-width:0}
.sd-exp-owner__identity h2{
  margin:2px 0 0;
  color:var(--exp-ink);
  font-size:23px;
  font-weight:740;
  line-height:1.05;
  letter-spacing:-.035em;
}
.sd-exp-owner__role{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:9px 0 0;
  padding:10px 12px 11px;
  border-left:3px solid var(--exp-cyan);
  background:linear-gradient(90deg,#dff3fc 0%,#edf9fd 100%);
  color:#17466f;
  font-size:13.5px;
  line-height:1.22;
  white-space:nowrap;
}
.sd-exp-owner__role strong{
  color:#082f62;
  font-weight:820;
  white-space:nowrap;
}
.sd-exp-owner__role b{
  color:#0b79ba;
  font-weight:780;
}
.sd-exp-owner__role span{
  flex:0 0 auto;
  color:#6d8ca7;
  font-weight:600;
}
.sd-exp-owner__signature{
  display:block;
  width:182px;
  max-width:100%;
  height:auto;
  margin:9px 0 10px;
}
.sd-exp-owner__contacts{
  border-top:1px solid #cfdfe9;
  padding-top:6px;
}
.sd-exp-owner__contacts a{
  display:grid;
  grid-template-columns:26px 64px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:38px;
  color:#2c4d70;
  text-decoration:none;
  font-size:11.5px;
}
.sd-exp-owner__contact-icon{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  color:#0d99ed;
}
.sd-exp-owner__contact-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-exp-owner__contact-icon--linkedin{
  color:#0A66C2;
}
.sd-exp-owner__contact-icon--linkedin svg{
  fill:none;
  stroke:none;
}
.sd-exp-owner__contacts b{
  color:#173e67;
  font-size:10.5px;
  font-weight:780;
}
.sd-exp-owner__contacts strong{
  overflow:hidden;
  color:#2f5578;
  font-size:12.6px;
  font-weight:650;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.sd-exp-owner__contacts a:last-child strong{color:#0a8fe2}
.sd-exp-owner__contacts strong i{font-style:normal}

.sd-exp-owner__story{
  min-width:0;
  padding:3px 34px 3px 0;
  border-right:1px solid var(--exp-line);
}
.sd-exp-owner__story h2{
  max-width:690px;
  margin:17px 0 0;
  color:var(--exp-ink);
  font-size:31px;
  font-weight:750;
  line-height:1.08;
  letter-spacing:-.04em;
}
.sd-exp-owner__story>p:not(.sd-exp-kicker){
  max-width:700px;
  margin:13px 0 0;
  color:#506b86;
  font-size:14px;
  line-height:1.62;
}
.sd-exp-owner__story .sd-exp-owner__opening{
  color:#234e78;
  font-size:15px;
  font-weight:600;
  line-height:1.60;
}

.sd-exp-owner__story .sd-exp-owner__invite{
  margin-top:19px;
  color:#0b5f9b;
  font-size:14px;
  font-weight:760;
  letter-spacing:-.01em;
}

.sd-exp-owner__quote{
  margin:0;
  padding-left:5px;
}
.sd-exp-owner__quote p{
  margin:0;
  color:#23496f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16.5px;
  font-style:italic;
  line-height:1.45;
}
.sd-exp-owner__quote cite{
  display:block;
  margin-top:18px;
  color:#46698d;
  font-size:7.8px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}

/* COMPETENCIES */
.sd-exp-competencies{
  padding:17px 0 18px;
  border-top:1px solid #edf2f6;
  background:#fff;
}
.sd-exp-competencies__grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  margin-top:15px;
}
.sd-exp-competency{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 18px;
  gap:9px;
  align-items:center;
  min-height:78px;
  padding-right:14px;
  opacity:.45;
  transform:translateY(4px);
  transition:opacity .34s ease,transform .34s ease;
}
.sd-exp-competency+.sd-exp-competency{padding-left:14px}
.sd-exp-competency.is-active{opacity:1;transform:none}
.sd-exp-competency__icon{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  color:#072d78;
}
.sd-exp-competency__icon svg,
.sd-exp-benefit__icon svg{
  width:36px;
  height:36px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-exp-competency__copy small{
  display:block;
  color:#0b9cf3;
  font-size:8.6px;
  font-weight:760;
}
.sd-exp-competency__copy h3{
  margin:2px 0 0;
  color:#0a2b59;
  font-size:11.5px;
  font-weight:750;
}
.sd-exp-competency__copy p{
  max-width:150px;
  margin:3px 0 0;
  color:#627a93;
  font-size:9.8px;
  line-height:1.42;
}
.sd-exp-competency__arrow{
  color:#0b9cf3;
  font-size:18px;
  font-style:normal;
  transition:transform .25s ease;
}
.sd-exp-competency.is-active .sd-exp-competency__arrow{transform:translateX(3px)}

/* BENEFITS */
.sd-exp-benefits{
  padding:16px 0 21px;
  background:linear-gradient(100deg,#eaf7fd,#e0f3fc);
}
.sd-exp-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:14px;
}
.sd-exp-benefits__grid article{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:13px;
  min-height:118px;
  align-items:center;
  padding:16px;
  border:1px solid #cfe1ec;
  background:rgba(255,255,255,.86);
}
.sd-exp-benefit__icon{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  color:#092e79;
}
.sd-exp-benefits__grid h3{
  margin:1px 0 0;
  color:#0a2b59;
  font-size:12.5px;
  font-weight:760;
  line-height:1.22;
}
.sd-exp-benefits__grid p{
  margin:5px 0 0;
  color:#687e94;
  font-size:9.7px;
  line-height:1.42;
}

/* FINAL */
.sd-exp-final{
  background:linear-gradient(100deg,#061d3d,#07315d);
  color:#fff;
}
.sd-exp-final__inner{
  min-height:86px;
  display:grid;
  grid-template-columns:310px minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
}
.sd-exp-final__kicker{
  margin:0;
  color:#72bfdf;
  font-size:7.8px;
  font-weight:800;
  letter-spacing:.22em;
}
.sd-exp-final__kicker::after{
  content:"";
  display:inline-block;
  width:42px;
  height:1px;
  margin:0 0 3px 11px;
  background:#2fc6e8;
}
.sd-exp-final h2{
  margin:0;
  color:#fff;
  font-size:18.5px;
  font-weight:540;
  line-height:1.26;
  letter-spacing:-.024em;
}
.sd-exp-final__mobile-title{display:none}
.sd-exp-final__actions{
  display:flex;
  gap:14px;
}
.sd-exp-final__actions a{
  min-width:185px;
  min-height:47px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 20px;
  border-radius:0;
  color:#fff;
  font-size:10.8px;
  font-weight:740;
  text-decoration:none;
}
.sd-exp-final__primary{
  border:1px solid #0b9cf3;
  background:#0b9cf3;
}
.sd-exp-final__secondary{
  border:1px solid rgba(255,255,255,.70);
  background:transparent;
}
.sd-exp-final__actions i{font-style:normal;font-size:17px}

/* reveal */
[data-exp-reveal]{
  opacity:0;
  transform:translateY(7px);
  transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.2,1);
}
[data-exp-reveal].is-in{opacity:1;transform:none}

/* tablet */
@media(max-width:1120px) and (min-width:761px){
  .sd-exp-owner__grid{
    grid-template-columns:445px minmax(0,1fr);
    gap:30px;
  }
  .sd-exp-owner__quote{
    grid-column:2;
    padding-top:4px;
  }
  .sd-exp-competencies__grid{grid-template-columns:repeat(3,1fr);row-gap:8px}
  .sd-exp-benefits__grid{grid-template-columns:1fr 1fr}
  .sd-exp-final__inner{grid-template-columns:230px 1fr auto;gap:25px}
  .sd-exp-final__actions{display:grid;grid-template-columns:1fr}
}

/* MOBILE */
@media(max-width:760px){
  .sd-exp-shell{width:calc(100% - 32px)}
  .sd-exp-kicker{font-size:8.3px}

  .sd-exp-hero{min-height:365px}
  .sd-exp-hero__image{
    background-position:57% center;
    transform:scale(1.02);
  }
  .sd-exp-hero__overlay{
    background:
      linear-gradient(180deg,rgba(4,23,50,.90) 0%,rgba(4,23,50,.84) 60%,rgba(4,23,50,.72) 100%),
      linear-gradient(90deg,rgba(4,23,50,.75),rgba(4,23,50,.08));
  }
  .sd-exp-hero__inner{min-height:365px;align-items:flex-end}
  .sd-exp-hero__copy{
    width:100%;
    padding:35px 0 24px;
  }
  .sd-exp-hero h1{
    max-width:520px;
    margin-top:14px;
    font-size:clamp(25px,7.05vw,31px);
    line-height:1.07;
  }
  .sd-exp-desktop-break{display:none}
  .sd-exp-hero__lead{
    max-width:520px;
    margin-top:13px;
    font-size:11.2px;
    line-height:1.46;
  }
  .sd-exp-actions{gap:8px;margin-top:17px}
  .sd-exp-button{
    flex:1 1 0;
    min-width:0;
    min-height:44px;
    gap:9px;
    padding:0 10px;
    font-size:9.2px;
  }
  .sd-exp-hero__aside{display:none}

  .sd-exp-owner{padding:18px 0 17px}
  .sd-exp-owner__grid{display:block}
  .sd-exp-owner__card{
    grid-template-columns:102px minmax(0,1fr);
    gap:14px;
    padding:12px;
    border:1px solid #cfe5f2;
    background:linear-gradient(135deg,#edf8fd 0%,#e2f3fb 100%);
  }
  .sd-exp-owner__portrait{
    width:102px;
    height:128px;
  }
  .sd-exp-owner__identity h2{font-size:23px}
  .sd-exp-owner__role{
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:5px;
    margin-top:6px;
    padding:8px 9px;
    background:rgba(255,255,255,.62);
    font-size:10.8px;
    line-height:1.22;
    white-space:nowrap;
  }
  .sd-exp-owner__role strong{
    flex:0 1 auto;
    min-width:0;
    font-size:10.8px;
    white-space:nowrap;
  }
  .sd-exp-owner__role b{
    flex:0 0 auto;
    margin-left:auto;
    font-size:10.5px;
    white-space:nowrap;
  }
  .sd-exp-owner__signature{
    width:150px;
    margin:8px 0 8px;
  }
  .sd-exp-owner__contacts{
    margin-top:7px;
    padding:7px 8px 0;
    border-top:1px solid rgba(52,125,170,.24);
    background:rgba(255,255,255,.28);
  }
  .sd-exp-owner__contacts a{
    grid-template-columns:24px 52px minmax(0,1fr);
    gap:7px;
    min-height:34px;
    font-size:10.2px;
  }
  .sd-exp-owner__contacts b{
    font-size:9.5px;
  }
  .sd-exp-owner__contacts strong{
    font-size:11.2px;
    white-space:normal;
    line-height:1.22;
  }

  /* Na mobile opis nie może nachodzić na zdjęcie. */
  .sd-exp-owner__story{
    margin-top:19px;
    padding:0;
    border:0;
  }
  .sd-exp-owner__story h2{
    margin-top:13px;
    font-size:25px;
    line-height:1.11;
  }
  .sd-exp-owner__story>p:not(.sd-exp-kicker){
    margin-top:11px;
    font-size:12.5px;
    line-height:1.58;
  }
  .sd-exp-owner__story .sd-exp-owner__opening{
    font-size:13px;
    font-weight:620;
    line-height:1.55;
  }

  .sd-exp-owner__story .sd-exp-owner__invite{
    margin-top:14px;
    font-size:12.5px;
  }

  .sd-exp-owner__quote{
    margin-top:17px;
    padding:14px 0 0;
    border-top:1px solid #dce8ef;
  }
  .sd-exp-owner__quote p{
    font-size:13px;
    line-height:1.45;
  }
  .sd-exp-owner__quote cite{
    margin-top:10px;
    text-align:right;
  }

  .sd-exp-competencies{
    padding:17px 0 18px;
  }
  .sd-exp-competencies__grid{
    display:block;
    margin-top:11px;
  }
  .sd-exp-competency,
  .sd-exp-competency+.sd-exp-competency{
    grid-template-columns:48px 32px minmax(0,1fr) 20px;
    gap:8px;
    min-height:55px;
    padding:5px 0;
    border-bottom:1px solid #dce8ef;
  }
  .sd-exp-competency:last-child{border-bottom:0}
  .sd-exp-competency__icon{
    grid-column:1;
    width:42px;
    height:42px;
  }
  .sd-exp-competency__copy{
    grid-column:2/4;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:7px;
  }
  .sd-exp-competency__copy small{
    grid-row:1/3;
    align-self:start;
    padding-top:1px;
    font-size:8.5px;
  }
  .sd-exp-competency__copy h3{
    grid-column:2;
    font-size:11.2px;
  }
  .sd-exp-competency__copy p{
    grid-column:2;
    max-width:none;
    font-size:8.3px;
  }
  .sd-exp-competency__arrow{
    grid-column:4;
    font-size:17px;
  }

  .sd-exp-benefits{
    padding:16px 0 18px;
  }
  .sd-exp-benefits__grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:12px;
  }
  .sd-exp-benefits__grid article{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    align-items:center;
    min-height:122px;
    padding:12px;
  }
  .sd-exp-benefit__icon{
    width:38px;
    height:38px;
  }
  .sd-exp-benefit__icon svg{width:32px;height:32px}
  .sd-exp-benefits__grid h3{
    margin:0;
    font-size:10.8px;
  }
  .sd-exp-benefits__grid p{
    margin-top:5px;
    font-size:8.9px;
    line-height:1.38;
  }

  .sd-exp-final__inner{
    min-height:0;
    display:grid;
    grid-template-columns:1fr 162px;
    grid-template-rows:auto auto;
    gap:10px 14px;
    padding:20px 0 22px;
  }
  .sd-exp-final__kicker{
    grid-column:1;
    align-self:end;
    font-size:7.3px;
  }
  .sd-exp-final__desktop-title{display:none}
  .sd-exp-final__mobile-title{
    display:block;
    grid-column:1;
    font-size:20px!important;
    font-weight:650!important;
    line-height:1.17!important;
  }
  .sd-exp-final__actions{
    grid-column:2;
    grid-row:1/3;
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    align-self:center;
  }
  .sd-exp-final__actions a{
    min-width:0;
    width:100%;
    min-height:42px;
    padding:0 10px;
    font-size:9.3px;
  }
}

@media(max-width:430px){
  .sd-exp-owner__card{
    grid-template-columns:93px minmax(0,1fr);
    gap:12px;
  }
  .sd-exp-owner__role,
  .sd-exp-owner__role strong{
    font-size:10px;
  }
  .sd-exp-owner__role b{
    font-size:9.8px;
  }
  .sd-exp-owner__portrait{
    width:93px;
    height:116px;
  }
  .sd-exp-owner__identity h2{font-size:21px}
  .sd-exp-owner__identity>p{font-size:9px}
  .sd-exp-owner__signature{width:135px}
  .sd-exp-owner__contacts a{
    grid-template-columns:19px 42px minmax(0,1fr);
    gap:5px;
    font-size:8.3px;
  }
  .sd-exp-final__inner{
    grid-template-columns:1fr 145px;
  }
}

@media(max-width:370px){
  .sd-exp-owner__card{
    grid-template-columns:87px minmax(0,1fr);
  }
  .sd-exp-owner__role{
    flex-wrap:wrap;
    justify-content:flex-start;
    white-space:normal;
  }
  .sd-exp-owner__role b{
    margin-left:0;
  }
  .sd-exp-owner__portrait{
    width:87px;
    height:110px;
  }
  .sd-exp-owner__identity h2{font-size:19px}
  .sd-exp-owner__signature{width:116px}
  .sd-exp-final__inner{grid-template-columns:1fr}
  .sd-exp-final__actions{
    grid-column:1;
    grid-row:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-exp-reveal],.sd-exp-competency,.sd-exp-competency__arrow{
    transition:none!important;
  }
  [data-exp-reveal]{opacity:1!important;transform:none!important}
  .sd-exp-competency{opacity:1!important;transform:none!important}
}

/* ==========================================================
   v2.12.0 — desktop owner card follows the reading flow
   Sticky only on full desktop. Tablet/mobile remain unchanged.
   ========================================================== */
@media (min-width:1121px){
  .sd-exp-owner__card{
    position:-webkit-sticky;
    position:sticky;
    top:104px;
    align-self:start;
    z-index:3;
  }
}