.elementor-226 .elementor-element.elementor-element-92bdc4c > .elementor-container{max-width:1400px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-226 .elementor-element.elementor-element-29517b4e > .elementor-container{max-width:1400px;}.elementor-226 .elementor-element.elementor-element-3a8287da > .elementor-container{max-width:1400px;}.elementor-226 .elementor-element.elementor-element-dd3e99d{width:var( --container-widget-width, 63.261% );max-width:63.261%;--container-widget-width:63.261%;--container-widget-flex-grow:0;}.elementor-226 .elementor-element.elementor-element-dd3e99d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-226 .elementor-element.elementor-element-18a24a10 > .elementor-container{max-width:1400px;}@media(min-width:768px){.elementor-226 .elementor-element.elementor-element-94af392{width:55.172%;}.elementor-226 .elementor-element.elementor-element-34238194{width:44.828%;}.elementor-226 .elementor-element.elementor-element-de5867c{width:45%;}.elementor-226 .elementor-element.elementor-element-380b80c{width:55%;}.elementor-226 .elementor-element.elementor-element-7db7e80a{width:100%;}.elementor-226 .elementor-element.elementor-element-3c32d7e3{width:33%;}.elementor-226 .elementor-element.elementor-element-656c7aff{width:34%;}.elementor-226 .elementor-element.elementor-element-144107bc{width:33%;}}/* Start custom CSS for section, class: .elementor-element-92bdc4c *//* ===== ABOUT HERO — WOW PREMIUM ===== */

.about-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(90px, 10vw, 140px) 20px;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,0,0,.18), transparent 35%),
    radial-gradient(circle at 80% 40%, rgba(255,255,255,.06), transparent 40%),
    linear-gradient(180deg, #050505 0%, #0d0d0d 100%);
}

/* CONTAINER */
.about-hero .elementor-container {
  max-width: 1400px !important;
  align-items: center !important;
  gap: 60px;
}

/* ===== LEWA STRONA ===== */

.about-kicker .elementor-heading-title {
  font-size: 11px !important;
  letter-spacing: .32em !important;
  text-transform: uppercase !important;
  color: #ff2020 !important;
  font-weight: 800 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

.about-kicker .elementor-heading-title::before {
  content: "";
  width: 40px;
  height: 2px;
  background: #ff2020;
  box-shadow: 0 0 18px rgba(255,0,0,.8);
}

/* GŁÓWNY TYTUŁ */
.about-title .elementor-heading-title {
  font-size: clamp(54px, 5vw, 82px) !important;
  line-height: .9 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
  color: #fff !important;

  text-shadow:
    0 8px 0 rgba(255,0,0,.25),
    0 25px 80px rgba(0,0,0,.9);
}

/* OPIS */
.about-desc p {
  max-width: 580px;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: rgba(255,255,255,.7) !important;
  margin-top: 18px;
}

/* ===== VALUE BOXES ===== */

.about-values {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-value {
  position: relative;
  padding: 18px 20px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.12);
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: .3s ease;
}

.about-value span {
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: 44px;
  font-weight: 900;
  color: rgba(255,255,255,.05);
}

.about-value strong {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
}

.about-value p {
  font-size: 14px;
  color: rgba(255,255,255,.65);
}

/* HOVER */
.about-value:hover {
  transform: translateX(8px);
  border-color: rgba(255,255,255,.25);
  box-shadow:
    0 20px 60px rgba(0,0,0,.5),
    0 0 40px rgba(255,0,0,.15);
}

/* ===== PRAWA STRONA (ZDJĘCIE) ===== */

.about-hero-media {
  position: relative;
}

.about-main-image img {
  width: 100%;
  height: auto;
  border-radius: 26px;
  transform: scale(1.02);
  transition: .5s ease;

  box-shadow:
    0 50px 120px rgba(0,0,0,.8),
    0 0 60px rgba(255,0,0,.12);
}

/* czerwony glow za zdjęciem */
.about-hero-media::before {
  content: "";
  position: absolute;
  inset: -40px;
  background: radial-gradient(circle, rgba(255,0,0,.25), transparent 60%);
  filter: blur(40px);
  z-index: 0;
}

/* hover zdjęcia */
.about-main-image:hover img {
  transform: scale(1.05);
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {

  .about-hero {
    padding: 70px 18px;
  }

  .about-hero .elementor-container {
    flex-direction: column;
    gap: 40px;
  }

  .about-title .elementor-heading-title {
    font-size: clamp(40px, 10vw, 58px) !important;
  }

  .about-desc p {
    font-size: 14px !important;
  }

  .about-value {
    padding: 16px;
  }

  .about-main-image img {
    border-radius: 18px;
  }
}/* ===== ABOUT HERO — EXTRA WOW ===== */

.about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 90px 90px;
  opacity: .45;
  pointer-events: none;
}

.about-hero::after {
  content: "O NAS";
  position: absolute;
  right: -4vw;
  bottom: 2vw;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(120px, 18vw, 260px);
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.045);
  z-index: 0;
  pointer-events: none;
}

.about-hero .elementor-container {
  position: relative;
  z-index: 2;
}

/* tytuł jeszcze mocniejszy */
.about-title .elementor-heading-title {
  max-width: 820px !important;
  text-shadow:
    0 7px 0 rgba(255,0,0,.25),
    0 34px 80px rgba(0,0,0,.95) !important;
}

/* zdjęcie premium card */
.about-main-image,
.about-main-image .elementor-widget-container {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
}

.about-main-image::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 70px;
  width: 5px;
  height: 160px;
  background: #ff2020;
  box-shadow: 0 0 30px rgba(255,0,0,.85);
  z-index: 4;
}

.about-main-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 45%, rgba(0,0,0,.58)),
    radial-gradient(circle at 25% 20%, rgba(255,0,0,.22), transparent 38%);
  pointer-events: none;
  z-index: 3;
}

.about-main-image img {
  height: 620px !important;
  object-fit: cover !important;
  border-radius: 34px !important;
  filter: brightness(.9) contrast(1.15) saturate(.95) !important;
}

/* boxy bardziej premium */
.about-value {
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.about-value::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 4px;
  height: 58px;
  background: #ff2020;
  box-shadow: 0 0 24px rgba(255,0,0,.7);
  transition: .3s ease;
}

.about-value:hover::before {
  top: 0;
  height: 100%;
}

.about-value:hover span {
  color: rgba(255,0,0,.18);
}

/* mobile */
@media (max-width: 768px) {
  .about-main-image img {
    height: 360px !important;
  }

  .about-hero::after {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-29517b4e *//* ===== ABOUT STORY — DLACZEGO TO WAŻNE (COMPACT + WOW) ===== */

.about-story {
  position: relative;
  padding: clamp(60px, 6vw, 90px) 20px; /* krótsza sekcja */
  background:
    radial-gradient(circle at 85% 30%, rgba(255,0,0,.12), transparent 35%),
    linear-gradient(180deg, #080808 0%, #111 100%);
}

.about-story .elementor-container {
  max-width: 1400px !important;
  align-items: center !important;
  gap: 60px;
}

/* ===== OBRAZ ===== */

.about-story-image img {
  width: 100%;
  height: 460px !important;
  object-fit: cover;
  border-radius: 24px;
  box-shadow:
    0 40px 100px rgba(0,0,0,.8),
    0 0 50px rgba(255,0,0,.12);
  transition: .4s ease;
}

.about-story-image:hover img {
  transform: scale(1.04);
}

/* czerwony akcent */
.about-story-image-col {
  position: relative;
}

.about-story-image-col::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 80px;
  width: 4px;
  height: 120px;
  background: #ff2020;
  box-shadow: 0 0 24px rgba(255,0,0,.7);
}

/* ===== TEKST ===== */

.about-subtitle .elementor-heading-title {
  font-size: clamp(34px, 3vw, 52px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #fff !important;
  margin-bottom: 16px;
}

.about-story-copy .about-desc p {
  max-width: 600px;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,.7) !important;
}

/* ===== DELIKATNE TŁO ===== */

.about-story::after {
  content: "WHY";
  position: absolute;
  right: -2vw;
  top: 20%;
  font-size: clamp(120px, 12vw, 200px);
  font-family: "Bebas Neue", sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.04);
  pointer-events: none;
}

/* ===== MOBILE ===== */

@media (max-width: 768px) {

  .about-story {
    padding: 50px 18px;
  }

  .about-story .elementor-container {
    flex-direction: column !important;
    gap: 30px;
  }

  .about-story-image img {
    height: 260px !important;
    border-radius: 18px;
  }

  .about-story-image-col::before {
    display: none;
  }

  .about-subtitle .elementor-heading-title {
    font-size: clamp(26px, 7vw, 36px) !important;
  }

  .about-story-copy .about-desc p {
    font-size: 14px !important;
  }

  .about-story::after {
    display: none;
  }
}
/* ===== SCROLL WOW EFFECT ===== */

.about-story [class*="about-"] {
  opacity: 0;
  transform: translateY(50px);
  transition: .8s ease;
}

/* aktywacja */
.about-story.show [class*="about-"] {
  opacity: 1;
  transform: translateY(0);
}

/* opóźnienia dla efektu */
.about-subtitle { transition-delay: .1s; }
.about-desc { transition-delay: .25s; }
.about-story-image { transition-delay: .3s; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3a8287da *//* ===== ABOUT PROCESS — FIX FINAL ===== */

.about-process-section {
  position: relative;
  padding: 80px 20px 100px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,0,0,.12), transparent 32%),
    linear-gradient(180deg, #060606 0%, #101010 100%) !important;
  overflow: hidden;
}

.about-process-section .elementor-container {
  max-width: 1400px !important;
}

/* nagłówki */
.about-process-section .about-kicker,
.about-process-section .about-kicker .elementor-heading-title {
  color: #ff2020 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .32em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.about-process-section .about-subtitle,
.about-process-section .about-subtitle .elementor-heading-title {
  color: #fff !important;
  font-size: clamp(38px, 4vw, 64px) !important;
  line-height: .95 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase !important;
  max-width: 760px !important;
  margin-bottom: 42px !important;
}

/* WAŻNE: celujemy w prawdziwy div w HTML */
.about-steps-widget .about-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  margin-top: 35px !important;
}

/* karty */
.about-steps-widget .about-steps > div {
  position: relative !important;
  min-height: 250px !important;
  padding: 34px 26px 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  overflow: hidden !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.45) !important;
  transition: .35s ease !important;
}

/* czerwony pasek */
.about-steps-widget .about-steps > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  width: 4px;
  height: 64px;
  background: #ff2020;
  box-shadow: 0 0 24px rgba(255,0,0,.75);
  transition: .35s ease;
}

/* glow */
.about-steps-widget .about-steps > div::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 25% 0%, rgba(255,0,0,.22), transparent 44%);
  opacity: 0;
  transition: .35s ease;
  pointer-events: none;
}

/* numer */
.about-steps-widget .about-steps span {
  position: absolute;
  right: 20px;
  bottom: 12px;
  font-size: 78px;
  line-height: 1;
  font-weight: 950;
  color: rgba(255,255,255,.055);
  z-index: 1;
}

/* tekst */
.about-steps-widget .about-steps strong {
  position: relative;
  z-index: 2;
  display: block;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  margin-bottom: 14px !important;
}

.about-steps-widget .about-steps p {
  position: relative;
  z-index: 2;
  color: rgba(255,255,255,.68) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* hover */
.about-steps-widget .about-steps > div:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(255,255,255,.25) !important;
  box-shadow:
    0 42px 110px rgba(0,0,0,.65),
    0 0 55px rgba(255,0,0,.14) !important;
}

.about-steps-widget .about-steps > div:hover::before {
  top: 0;
  height: 100%;
}

.about-steps-widget .about-steps > div:hover::after {
  opacity: 1;
}

.about-steps-widget .about-steps > div:hover span {
  color: rgba(255,0,0,.16);
}

/* mobile */
@media (max-width: 900px) {
  .about-process-section {
    padding: 60px 18px !important;
  }

  .about-steps-widget .about-steps {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .about-steps-widget .about-steps > div {
    min-height: auto !important;
    padding: 28px 22px !important;
  }

  .about-process-section .about-subtitle,
  .about-process-section .about-subtitle .elementor-heading-title {
    font-size: clamp(32px, 10vw, 48px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-18a24a10 *//* ===== ABOUT GALLERY — ZDJĘCIA PREMIUM ===== */

.about-gallery-section {
  position: relative;
  padding: clamp(70px, 7vw, 110px) 20px;
  background:
    radial-gradient(circle at 80% 20%, rgba(255,0,0,.12), transparent 32%),
    linear-gradient(180deg, #101010 0%, #050505 100%);
  overflow: hidden;
}

.about-gallery-section .elementor-container {
  max-width: 1400px !important;
  gap: 22px !important;
}

/* kolumny */
.about-gallery-col {
  position: relative;
}

/* zdjęcie */
.about-gallery-image,
.about-gallery-image .elementor-widget-container {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow:
    0 45px 110px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.12) inset;
}

.about-gallery-image img {
  width: 100% !important;
  height: 520px !important;
  object-fit: cover !important;
  display: block !important;
  filter: brightness(.82) contrast(1.15) saturate(.95);
  transition: .55s ease;
}

/* overlay */
.about-gallery-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 45%, rgba(0,0,0,.62)),
    radial-gradient(circle at 25% 20%, rgba(255,0,0,.2), transparent 36%);
  pointer-events: none;
  opacity: .85;
  transition: .35s ease;
}

/* czerwony pasek */
.about-gallery-image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 34px;
  width: 4px;
  height: 90px;
  background: #ff2020;
  box-shadow: 0 0 24px rgba(255,0,0,.75);
  z-index: 3;
  transition: .35s ease;
}

/* różne wysokości dla efektu */
.about-gallery-col:nth-child(2) {
  margin-top: 45px;
}

.about-gallery-col:nth-child(3) {
  margin-top: 90px;
}

/* hover */
.about-gallery-image:hover img {
  transform: scale(1.08);
  filter: brightness(.95) contrast(1.2) saturate(1);
}

.about-gallery-image:hover::after {
  opacity: .55;
}

.about-gallery-image:hover::before {
  top: 0;
  height: 100%;
}

/* mobile */
@media (max-width: 900px) {
  .about-gallery-section {
    padding: 60px 18px;
  }

  .about-gallery-section .elementor-container {
    flex-direction: column !important;
    gap: 18px !important;
  }

  .about-gallery-col,
  .about-gallery-col:nth-child(2),
  .about-gallery-col:nth-child(3) {
    margin-top: 0 !important;
  }

  .about-gallery-image img {
    height: 320px !important;
  }

  .about-gallery-image,
  .about-gallery-image .elementor-widget-container {
    border-radius: 20px;
  }
}/* End custom CSS */