/* SŁOWIK DIGITAL — HERO / FIRST VIEW v6.5.5.14
   Based on v6.5.5.5.
   Unified CTA + universal proof points; no city-specific hero messaging. */

.sd-hero-v6{
  --hero-ink:#072854;
  --hero-ink-2:#16365d;
  --hero-blue:#073d7a;
  --hero-blue-hover:#0a5396;
  --hero-cyan:#19b6e8;
  --hero-muted:#697f95;
  --hero-line:#d4dde6;
  --hero-bg-top:#edf4f8;
  --hero-bg-bottom:#f8fafc;
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  color:var(--hero-ink);
  background:linear-gradient(180deg,#edf4f8 0%,#f2f6f9 58%,#f8fafc 100%);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:calc(100svh - var(--sdh-height,92px));
}
.sd-hero-v6 *, .sd-hero-v6 *::before, .sd-hero-v6 *::after{box-sizing:border-box}
.sd-hero-v6__layout{position:relative;min-height:inherit}

/* DESKTOP: the visual is a background layer of the SAME hero, not a block above it. */
.sd-hero-v6__media{
  position:absolute;
  z-index:0;
  top:-160px;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:auto;
  overflow:visible;
  line-height:0;
  touch-action:pan-y;
  pointer-events:none;
}
.sd-hero-v6__track{position:relative;width:100vw;overflow:hidden;background:linear-gradient(180deg,#edf4f8 0%,#f4f8fb 100%)}
.sd-hero-v6__slide{margin:0}
.sd-hero-v6__slide picture,.sd-hero-v6__slide img{display:block;width:100%}
.sd-hero-v6__slide img{
  width:100vw;
  max-width:none;
  height:auto;
  margin:0;
  object-fit:contain;
  object-position:center top;
  transform:scale(1.001);
  transform-origin:center center;
  will-change:transform;
  transition:transform 8s cubic-bezier(.2,.65,.25,1);
}
.sd-hero-v6.is-in-view .sd-hero-v6__slide img{transform:scale(1.004)}

/* This is the key correction: the image visually continues behind ULTRASZYBKIE / H1
   and only then fades into the page background. */
.sd-hero-v6__media::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  left:0;
  right:0;
  top:50%;
  height:clamp(320px,34vw,560px);
  background:linear-gradient(
    180deg,
    rgba(240,246,250,0) 0%,
    rgba(243,247,250,.16) 12%,
    rgba(246,249,251,.70) 46%,
    rgba(248,250,252,.96) 72%,
    #f8fafc 100%
  );
}
.sd-hero-v6__light-sweep{
  position:absolute;
  z-index:2;
  inset:-30% -16%;
  pointer-events:none;
  opacity:.34;
  background:linear-gradient(106deg,transparent 38%,rgba(255,255,255,0) 45%,rgba(255,255,255,.42) 51%,rgba(120,211,246,.09) 54%,transparent 61%);
  transform:translate3d(-65%,0,0);
  animation:sdHeroV6Sweep 8s cubic-bezier(.35,.1,.32,1) infinite;
  mix-blend-mode:screen;
}
@keyframes sdHeroV6Sweep{
  0%,18%{transform:translate3d(-65%,0,0);opacity:0}
  24%{opacity:.44}
  69%{opacity:.3}
  82%,100%{transform:translate3d(65%,0,0);opacity:0}
}

.sd-hero-v6__content-wrap{
  position:relative;
  z-index:3;
  width:min(1240px,calc(100% - 48px));
  min-height:inherit;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px 92px;
  gap:34px;
  align-items:end;
  /* Copy starts while the background artwork is still visible. */
  padding-top:clamp(455px,30.2vw,515px);
  padding-bottom:clamp(18px,2.6vh,28px);
}
.sd-hero-v6__copy{min-width:0;max-width:none}
.sd-hero-v6__eyebrow{
  margin:0 0 13px;
  color:#758aa1;
  font-size:11px;
  font-weight:500;
  line-height:1.1;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.sd-hero-v6__title{
  margin:0;
  color:var(--hero-ink);
  font-family:"Manrope","Inter",sans-serif;
  font-size:clamp(33px,2.55vw,45px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.052em;
}
.sd-hero-v6__line{display:block}
.sd-hero-v6__line--2{white-space:nowrap}
.sd-hero-v6__title span span{color:var(--hero-cyan)}
.sd-hero-v6__lead{
  max-width:760px;
  margin:13px 0 0;
  color:#5e748b;
  font-size:14.5px;
  font-weight:400;
  line-height:1.54;
  letter-spacing:-.012em;
}
.sd-hero-v6__actions{display:flex;align-items:center;gap:12px;margin-top:19px}
.sd-hero-v6__btn{
  min-width:250px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:0 22px 0 26px;
  border:1px solid var(--hero-blue);
  border-radius:3px;
  text-decoration:none;
  font-family:"Manrope","Inter",sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1;
  letter-spacing:-.014em;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.sd-hero-v6__btn i{font-style:normal;font-size:20px;line-height:1;transition:transform .22s cubic-bezier(.22,.68,.26,1)}
.sd-hero-v6__btn--primary{color:#fff;background:var(--hero-blue);border-color:var(--hero-blue)}
.sd-hero-v6__btn--primary:hover,.sd-hero-v6__btn--primary:focus-visible{background:var(--hero-blue-hover);border-color:var(--hero-blue-hover)}
.sd-hero-v6__btn--secondary{color:var(--hero-ink);background:rgba(255,255,255,.68);border-color:#a9b8c8}
.sd-hero-v6__btn--secondary:hover,.sd-hero-v6__btn--secondary:focus-visible{color:#fff;background:var(--hero-blue);border-color:var(--hero-blue)}
.sd-hero-v6__btn:hover i,.sd-hero-v6__btn:focus-visible i{transform:translateX(4px)}
.sd-hero-v6__btn--secondary-mobile{display:none}
.sd-hero-v6__btn:focus-visible,.sd-hero-v6__scroll:focus-visible{outline:3px solid rgba(25,182,232,.25);outline-offset:3px}
.sd-hero-v6__meta{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:21px;
  color:#8497aa;
  font-size:10.5px;
  font-weight:400;
  line-height:1.3;
  letter-spacing:.01em;
  white-space:nowrap;
}
.sd-hero-v6__meta-line{display:block;width:38px;height:1.5px;background:var(--hero-cyan)}
.sd-hero-v6__meta b{font-weight:400;color:#90a0af;margin:0 3px}
.sd-hero-v6__meta i{width:1px;height:18px;background:#cfd8e1}
.sd-hero-v6__scroll{
  align-self:end;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:36px;height:64px;margin-bottom:6px;border:0;background:transparent;cursor:pointer;padding:0
}
.sd-hero-v6__scroll span{
  width:14px;height:14px;border-right:2px solid #a1b0c0;border-bottom:2px solid #a1b0c0;
  transform:rotate(45deg);animation:sdHeroV6Chevron 1.9s ease-in-out infinite
}
.sd-hero-v6__scroll span:nth-child(2){animation-delay:.18s}
@keyframes sdHeroV6Chevron{
  0%,100%{opacity:.35;transform:translateY(0) rotate(45deg)}
  50%{opacity:1;transform:translateY(6px) rotate(45deg)}
}
.sd-hero-v6__aside{
  align-self:end;min-height:144px;margin-bottom:8px;padding-left:26px;border-left:1px solid var(--hero-line);color:#95a5b7
}
.sd-hero-v6__aside-line{display:none}
.sd-hero-v6__aside p{margin:50px 0 10px;font-size:8.5px;font-weight:500;line-height:1.74;letter-spacing:.28em}
.sd-hero-v6__aside b{display:block;width:34px;height:1.5px;background:var(--hero-cyan)}

/* Short desktop screens: keep CTA + locality inside first view. */
@media (min-width:761px) and (max-height:900px){
  .sd-hero-v6__content-wrap{padding-top:clamp(410px,27.5vw,465px);padding-bottom:12px}
  .sd-hero-v6__title{font-size:clamp(30px,2.28vw,39px)}
  .sd-hero-v6__lead{font-size:13.5px;margin-top:9px}
  .sd-hero-v6__actions{margin-top:14px}
  .sd-hero-v6__btn{min-height:47px;min-width:232px}
  .sd-hero-v6__meta{margin-top:14px}
}
@media (min-width:761px) and (max-width:1180px){
  .sd-hero-v6__content-wrap{grid-template-columns:minmax(0,1fr) 40px 78px;gap:24px}
  .sd-hero-v6__title{font-size:clamp(29px,2.55vw,38px)}
  .sd-hero-v6__line--2{white-space:normal}
}

/* MOBILE: retain the accepted v6 first-view stack. */
@media (max-width:760px){
  .sd-hero-v6{
    height:calc(100svh - var(--sdh-height,76px));
    min-height:0;
    background:#fff;
  }
  .sd-hero-v6__layout{
    position:relative;
    height:100%;
    min-height:0;
    display:block;
    overflow:hidden;
  }

  .sd-hero-v6__media{
    position:absolute;
    z-index:0;
    top:-80px;
    left:0;
    right:0;
    width:100%;
    height:auto;
    overflow:hidden;
    pointer-events:none;
    transform:none;
  }
  .sd-hero-v6__track{position:relative;width:100%;overflow:hidden;background:transparent}
  .sd-hero-v6__slide,
  .sd-hero-v6__slide picture{display:block;width:100%;margin:0}
  .sd-hero-v6__slide img{
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
    object-fit:contain;
    object-position:center top;
    transform:none!important;
  }
  .sd-hero-v6__media::after{display:none!important}
  .sd-hero-v6__slide img{
    -webkit-mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 53%,
      rgba(0,0,0,.92) 58%,
      rgba(0,0,0,.58) 64%,
      rgba(0,0,0,.18) 69%,
      transparent 74%
    );
    mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 53%,
      rgba(0,0,0,.92) 58%,
      rgba(0,0,0,.58) 64%,
      rgba(0,0,0,.18) 69%,
      transparent 74%
    );
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  .sd-hero-v6__light-sweep{opacity:.15}

  .sd-hero-v6__content-wrap{
    position:relative;
    z-index:3;
    width:min(100%,calc(100% - 32px));
    height:100%;
    min-height:0;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    padding:clamp(259px,33.55svh,273px) 0 10px;
  }
  .sd-hero-v6__copy{
    min-width:0;
    display:block;
  }
  .sd-hero-v6__eyebrow{
    margin:0 0 14px;
    font-size:10px;
    line-height:1.1;
    letter-spacing:.25em;
  }
  .sd-hero-v6__title{
    margin:0;
    font-size:clamp(25px,7.05vw,31px);
    line-height:1.14;
    letter-spacing:-.047em;
  }
  .sd-hero-v6__line--2{white-space:normal}
  .sd-hero-v6__lead{
    margin-top:18px;
    font-size:13.2px;
    line-height:1.5;
    color:#667b91;
  }
  .sd-hero-v6__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    margin-top:19px;
  }
  .sd-hero-v6__btn--secondary-desktop{display:none}
  .sd-hero-v6__btn--secondary-mobile{display:inline-flex}
  .sd-hero-v6__btn{
    width:100%;
    min-width:0;
    min-height:54px;
    padding:8px 20px;
    font-size:14.8px;
    justify-content:center;
    position:relative;
  }
  .sd-hero-v6__btn i{position:absolute;right:20px;font-size:21px}
  .sd-hero-v6__meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 9px;
    margin-top:13px;
    color:#70869b;
    font-size:9.2px;
    line-height:1.28;
    white-space:normal;
  }
  .sd-hero-v6__meta-line{width:22px}
  .sd-hero-v6__meta i{height:11px}
  .sd-hero-v6__scroll,.sd-hero-v6__aside{display:none}
}

@media (max-width:760px) and (max-height:800px){
  .sd-hero-v6__media{top:-88px}
  .sd-hero-v6__content-wrap{padding-top:clamp(249px,32.65svh,265px);padding-bottom:10px}
  .sd-hero-v6__eyebrow{margin-bottom:12px;font-size:9.2px}
  .sd-hero-v6__title{font-size:clamp(22.5px,6.4vw,27.5px);line-height:1.12}
  .sd-hero-v6__lead{margin-top:14px;font-size:12.1px;line-height:1.42}
  .sd-hero-v6__actions{gap:14px;margin-top:15px}
  .sd-hero-v6__btn{min-height:50px;padding-top:7px;padding-bottom:7px;font-size:13.8px}
  .sd-hero-v6__meta{margin-top:9px;gap:5px 7px;font-size:8.6px}
  .sd-hero-v6__meta-line{width:18px}
}

@media (prefers-reduced-motion:reduce){
  .sd-hero-v6__light-sweep,.sd-hero-v6__scroll span{animation:none!important}
  .sd-hero-v6__slide img{transition:none!important;transform:none!important}
}