@charset "UTF-8";
:root {
  --default--color--1: #fe015e;
  --default--color--2: #fff;
  --header--color--1: #fff;
  --header--color--2: #fe1680;
  --text--color--1: #c4bde3;
  --text--color--2: #ff9fc7;
  --more--color--1: #fe015e;
  --more--color--2: #fff;
  --navy: #07112d;
  --pink: #fe015e;
  --pink--eyebrow: #fe1680;
  --muted: #c4bde3;
  --button--gradient: linear-gradient(115deg, #d10051, #b71960);
  --button--gradient--hover: linear-gradient(115deg, #bd004a, #a31554);
  --card--active: radial-gradient(ellipse at 0 0, rgba(211, 19, 147, 0.4), transparent 56%), radial-gradient(ellipse at 100% 0, rgba(89, 75, 222, 0.467), transparent 60%), #16123d;
  --setSize--desktop: 19.2;
  --setSize--mobile: 5;
  color-scheme: dark;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html, body, input, textarea, select, button {
  font-family: "Nunito", sans-serif;
  color: #fff;
}

html, body {
  background: var(--navy);
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: clip;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, menu, figure {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}

a {
  color: inherit;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

/* Łamanie wiersza we wstępie Kontaktu tylko w oknie prezentacji */
.contact__head .sectionHead__text p br {
  display: none;
}

.dialog--presentation .sectionHead__text p {
  text-wrap: balance;
}

/* Plakietka reCAPTCHA ukryta — informacja o reCAPTCHA jest przy formularzach */
.grecaptcha-badge {
  visibility: hidden !important;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline: 3px solid #ffb9d3;
  outline-offset: 5px;
}

@keyframes noxeCityFlow {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes noxeDialogIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media screen and (min-width: 1001px) and (max-width: 10000px) {
  .noComp {
    display: none !important;
    visibility: hidden !important;
  }
  html {
    scroll-padding-top: calc(90vw / var(--setSize--desktop));
  }
  body {
    font-size: calc(18vw / var(--setSize--desktop));
    line-height: 1.8;
  }
  .skipLink {
    position: absolute;
    top: calc(-100vw / var(--setSize--desktop));
    left: calc(16vw / var(--setSize--desktop));
    padding: calc(12vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop));
    background: var(--pink);
    border-radius: calc(8vw / var(--setSize--desktop));
    z-index: 1100;
  }
  .skipLink:focus {
    top: calc(16vw / var(--setSize--desktop));
  }
  .cursorGlow {
    width: calc(900vw / var(--setSize--desktop));
    height: calc(900vw / var(--setSize--desktop));
    position: fixed;
    left: 0;
    top: 0;
    border-radius: 50%;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    background: radial-gradient(ellipse at 45% 45%, rgba(165, 64, 157, 0.082), transparent 45%), radial-gradient(ellipse at 60% 58%, rgba(128, 113, 237, 0.094), transparent 57%);
    mix-blend-mode: screen;
    transition: opacity 0.7s;
    transform: translate3d(-1200px, -1200px, 0);
    will-change: transform;
  }
  .cursorGlow.cursorGlow--active {
    opacity: 1;
  }
  /* Nagłówek */
  .wrapper {
    width: 100%;
    height: calc(90vw / var(--setSize--desktop));
    position: fixed;
    top: 0;
    left: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px calc(96vw / var(--setSize--desktop)) 0px calc(96vw / var(--setSize--desktop));
    background: rgba(7, 17, 45, 0.91);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    z-index: 1000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .wrapper__logo {
    width: calc(155vw / var(--setSize--desktop));
    flex-shrink: 0;
    position: relative;
  }
  .wrapper__logo--img {
    display: block;
    width: 100%;
    height: auto;
  }
  .wrapper__menu {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    display: flex;
    align-items: center;
    gap: calc(40vw / var(--setSize--desktop));
  }
  .wrapper__menu--name {
    position: relative;
  }
  .wrapper__menu--href {
    display: block;
    position: relative;
    color: #e2deee;
    font-size: calc(15vw / var(--setSize--desktop));
    font-weight: 600;
    line-height: calc(27vw / var(--setSize--desktop));
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
  }
  .wrapper__menu--href:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(-8vw / var(--setSize--desktop));
    height: calc(2vw / var(--setSize--desktop));
    background: linear-gradient(90deg, #fb2488, #b394f3);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s;
  }
  .wrapper__menu--href:hover {
    color: #fff;
  }
  .wrapper__menu--href:hover:after {
    transform: scaleX(1);
  }
  .wrapper__other {
    display: flex;
    align-items: center;
    gap: calc(24vw / var(--setSize--desktop));
  }
  .wrapper__ctaShort {
    display: none;
  }
  /* Przyciski */
  .button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: calc(56vw / var(--setSize--desktop));
    padding: calc(14vw / var(--setSize--desktop)) calc(30vw / var(--setSize--desktop));
    color: #fff;
    font-size: calc(18vw / var(--setSize--desktop));
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    background: var(--button--gradient);
    border: 1px solid var(--pink);
    border-radius: calc(14vw / var(--setSize--desktop));
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
  }
  .button:hover {
    background: var(--button--gradient--hover);
    border-color: #ff70ae;
    box-shadow: 0 calc(5vw / var(--setSize--desktop)) calc(25vw / var(--setSize--desktop)) rgba(254, 1, 94, 0.19);
    transform: translateY(calc(-3vw / var(--setSize--desktop)));
  }
  .button--outline {
    border-color: #a58bd0;
  }
  .button--outline:hover {
    background: rgba(91, 39, 106, 0.4);
  }
  .button--small {
    min-height: 0;
    height: calc(50vw / var(--setSize--desktop));
    padding: 0px calc(18vw / var(--setSize--desktop));
    font-size: calc(15vw / var(--setSize--desktop));
    font-weight: 650;
    white-space: nowrap;
  }
  .button--glass {
    min-height: 0;
    height: calc(58vw / var(--setSize--desktop));
    padding: 0px calc(20vw / var(--setSize--desktop));
    font-size: calc(16vw / var(--setSize--desktop));
    font-weight: 650;
    white-space: nowrap;
    background: linear-gradient(135deg, rgba(174, 60, 134, 0.3), rgba(123, 98, 180, 0.36));
    border-color: #f3bbe2;
    border-radius: calc(13vw / var(--setSize--desktop));
    box-shadow: 0 0 calc(24vw / var(--setSize--desktop)) rgba(207, 63, 189, 0.333), inset 0 1px 2px rgba(255, 255, 255, 0.533);
  }
  .button--glass:hover {
    background: linear-gradient(135deg, rgba(204, 66, 136, 0.467), rgba(146, 115, 216, 0.5));
    box-shadow: 0 0 calc(34vw / var(--setSize--desktop)) rgba(219, 73, 190, 0.533);
  }
  /* Wspólne elementy sekcji */
  .eyebrow {
    color: var(--pink--eyebrow);
    font-size: calc(16vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.8;
    letter-spacing: calc(2.6vw / var(--setSize--desktop));
    text-transform: uppercase;
  }
  .wrap {
    width: calc(1400vw / var(--setSize--desktop));
    margin: 0px auto;
    position: relative;
    z-index: 3;
  }
  .section {
    position: relative;
    padding: calc(110vw / var(--setSize--desktop)) 0px;
    --spot: 75% 40%;
  }
  .section:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 32% 38% at var(--spot), rgba(231, 89, 152, 0.125) 0%, rgba(207, 77, 131, 0.063) 42%, transparent 76%);
  }
  .section.section--glow:before {
    background: radial-gradient(ellipse 90% 65% at center, rgba(68, 67, 173, 0.125), transparent 75%);
  }
  .section--packages {
    --spot: 85% 25%;
  }
  .section--projects {
    --spot: 12% 60%;
  }
  .section--process {
    --spot: 22% 20%;
  }
  .section--feature {
    --spot: 90% 65%;
  }
  .section--local {
    --spot: 80% 20%;
  }
  .section--faq {
    --spot: 15% 75%;
  }
  .sectionHead__text h2 {
    margin: calc(20vw / var(--setSize--desktop)) 0px calc(30vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(56vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: calc(-1.2vw / var(--setSize--desktop));
  }
  .sectionHead__text h3 {
    margin: 0px 0px calc(20vw / var(--setSize--desktop)) 0px;
    color: #d7cde9;
    font-size: calc(20vw / var(--setSize--desktop));
    font-weight: 650;
    line-height: 1.85;
  }
  .sectionHead__text p {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(20vw / var(--setSize--desktop));
    line-height: 1.85;
  }
  .sectionHead__text a {
    color: var(--text--color--2);
  }
  .sectionHead--center,
  .sectionHead--left {
    max-width: calc(1200vw / var(--setSize--desktop));
    margin: 0px auto calc(48vw / var(--setSize--desktop)) auto;
    text-align: center;
  }
  .sectionHead--center h2,
  .sectionHead--left h2 {
    margin: calc(18vw / var(--setSize--desktop)) 0px calc(22vw / var(--setSize--desktop)) 0px;
  }
  .sectionHead--center h3,
  .sectionHead--left h3 {
    max-width: calc(950vw / var(--setSize--desktop));
    margin: 0px auto calc(22vw / var(--setSize--desktop)) auto;
    line-height: 1.7;
  }
  .sectionHead--center p,
  .sectionHead--left p {
    margin: 0;
    line-height: 1.7;
  }
  .sectionHead--left {
    text-align: left;
  }
  .card {
    position: relative;
    padding: calc(44vw / var(--setSize--desktop)) calc(32vw / var(--setSize--desktop));
    background: rgba(11, 21, 52, 0.267);
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(18vw / var(--setSize--desktop));
    transition: border-color 0.3s, box-shadow 0.3s, background 0.3s, transform 0.3s;
  }
  /* Baner */
  .hero {
    width: 100%;
    height: calc(950vw / var(--setSize--desktop));
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: var(--navy);
    z-index: 20;
  }
  .hero:before {
    content: "";
    height: calc(130vw / var(--setSize--desktop));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(transparent, var(--navy));
    z-index: 3;
    pointer-events: none;
  }
  .hero__background {
    position: absolute;
    inset: 0;
    background-size: cover !important;
    background-position: center !important;
    filter: saturate(0.65);
    transform: scale(1.015);
    z-index: 0;
  }
  .hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(6, 16, 45, 0.95) 0%, rgba(16, 19, 75, 0.69) 35%, rgba(94, 22, 123, 0.32) 68%, rgba(173, 8, 123, 0.44) 100%), linear-gradient(0deg, rgba(8, 17, 45, 0.6), transparent 65%);
    z-index: 1;
    pointer-events: none;
  }
  .hero__copy {
    width: calc(700vw / var(--setSize--desktop));
    position: absolute;
    left: calc(180vw / var(--setSize--desktop));
    top: calc(250vw / var(--setSize--desktop));
    z-index: 4;
  }
  .hero__eyebrow {
    color: #cb76cb;
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.3;
    letter-spacing: calc(2vw / var(--setSize--desktop));
  }
  .hero__text h1 {
    margin: calc(28vw / var(--setSize--desktop)) 0px calc(27vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(63vw / var(--setSize--desktop));
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: calc(-1.1vw / var(--setSize--desktop));
  }
  .hero__text h1 strong {
    display: inline-block;
    font-weight: inherit;
    white-space: nowrap;
    background: linear-gradient(110deg, #fe015e 0%, #ff5aa0 22%, #d889ea 44%, #fe015e 66%, #ff5aa0 84%, #fe015e 100%);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: noxeCityFlow 4s ease-in-out infinite;
  }
  .hero__text p {
    max-width: calc(560vw / var(--setSize--desktop));
    color: #e2e1f0;
    font-size: calc(23vw / var(--setSize--desktop));
    line-height: 1.55;
  }
  .hero__actions {
    margin: calc(48vw / var(--setSize--desktop)) 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(16vw / var(--setSize--desktop));
  }
  .hero__price {
    color: #eee8fa;
    font-size: calc(23vw / var(--setSize--desktop));
    line-height: 1.8;
    white-space: nowrap;
  }
  .hero__price b {
    margin: 0px calc(4vw / var(--setSize--desktop));
    font-size: calc(36vw / var(--setSize--desktop));
    font-weight: 750;
    letter-spacing: calc(-1vw / var(--setSize--desktop));
  }
  .hero__price span {
    color: #ccc7dc;
    font-size: calc(19vw / var(--setSize--desktop));
  }
  .hero__stage {
    position: absolute;
    top: calc(230vw / var(--setSize--desktop));
    left: 51%;
    right: 2%;
    aspect-ratio: 3/2;
    z-index: 3;
    pointer-events: none;
  }
  .hero__stage .img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.65s ease;
  }
  .hero__stage .img:first-child, .hero__stage .img.is-active {
    opacity: 1;
  }
  .hero__stage.is-ready .img:first-child:not(.is-active) {
    opacity: 0;
  }
  /* Pakiety */
  .packages {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(36vw / var(--setSize--desktop));
  }
  .plan {
    min-height: calc(685vw / var(--setSize--desktop));
    padding: calc(101vw / var(--setSize--desktop)) calc(34vw / var(--setSize--desktop)) calc(40vw / var(--setSize--desktop)) calc(34vw / var(--setSize--desktop));
    display: flex;
    flex-direction: column;
  }
  .plan:hover {
    transform: translateY(calc(-5vw / var(--setSize--desktop)));
    border-color: #cf92e0;
    box-shadow: 0 calc(16vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333);
  }
  .plan.plan--featured {
    background: var(--card--active);
    border-color: #e99afd;
    box-shadow: 0 0 calc(25vw / var(--setSize--desktop)) rgba(146, 27, 220, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.6);
  }
  .plan.plan--featured:hover {
    border-color: #cf92e0;
    box-shadow: 0 0 calc(32vw / var(--setSize--desktop)) rgba(186, 53, 204, 0.2), 0 calc(18vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333), inset 0 1px 2px rgba(255, 255, 255, 0.467);
  }
  .plan__name {
    margin: 0px 0px calc(12vw / var(--setSize--desktop)) 0px;
    font-size: calc(15vw / var(--setSize--desktop));
  }
  .plan__header {
    margin: 0px 0px calc(24vw / var(--setSize--desktop)) 0px;
    font-size: calc(25vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .plan__text .plan__badge {
    position: absolute;
    top: calc(40vw / var(--setSize--desktop));
    left: calc(34vw / var(--setSize--desktop));
    padding: calc(6vw / var(--setSize--desktop)) calc(17vw / var(--setSize--desktop));
    font-size: calc(15vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: calc(27vw / var(--setSize--desktop));
    background: #f90788;
    border-radius: calc(30vw / var(--setSize--desktop));
  }
  .plan__text p:first-of-type {
    font-size: calc(31vw / var(--setSize--desktop));
    font-weight: 800;
    line-height: calc(51vw / var(--setSize--desktop));
    white-space: nowrap;
  }
  .plan__text p:first-of-type s, .plan__text p:first-of-type del {
    margin: 0px calc(8vw / var(--setSize--desktop)) 0px 0px;
    line-height: 1;
    color: #b6aed4;
    font-size: calc(25.3vw / var(--setSize--desktop));
    font-weight: 600;
    text-decoration-thickness: 2px;
  }
  .plan__text p:first-of-type strong {
    font-size: calc(46vw / var(--setSize--desktop));
    font-weight: 800;
    line-height: 1;
  }
  .plan__text p:nth-of-type(2) {
    margin: calc(12vw / var(--setSize--desktop)) 0px calc(30vw / var(--setSize--desktop)) 0px;
    color: #beb3df;
    line-height: calc(32vw / var(--setSize--desktop));
  }
  .plan__text ul {
    margin: 0px 0px calc(50vw / var(--setSize--desktop)) 0px;
    padding: calc(34vw / var(--setSize--desktop)) 0px 0px 0px;
    border-top: 1px solid #72529f;
    list-style: none;
    display: grid;
    gap: calc(22vw / var(--setSize--desktop));
  }
  .plan__text ul li:before {
    content: "✓";
    margin: 0px calc(18vw / var(--setSize--desktop)) 0px 0px;
    color: #d49cf2;
  }
  .plan__button {
    margin-top: auto;
    font-size: calc(16vw / var(--setSize--desktop));
  }
  /* Projekty */
  .section--projects .sectionHead--center h3 {
    margin-top: calc(28vw / var(--setSize--desktop));
    color: #e2e1f0;
  }
  .projects {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(32vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop));
  }
  .project__preview {
    display: block;
    width: 100%;
    aspect-ratio: 463/316;
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #171c3c;
    border: 1px solid rgba(167, 125, 181, 0.4);
    border-radius: calc(16vw / var(--setSize--desktop));
    cursor: zoom-in;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
  }
  .project__preview .project__img, .project__preview .img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .project__preview .img {
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.45s ease;
  }
  .project__preview:hover, .project__preview:focus-visible {
    border-color: rgba(215, 150, 186, 0.6);
    box-shadow: 0 calc(16vw / var(--setSize--desktop)) calc(28vw / var(--setSize--desktop)) calc(-8vw / var(--setSize--desktop)) rgba(254, 1, 94, 0.333), 0 calc(24vw / var(--setSize--desktop)) calc(42vw / var(--setSize--desktop)) calc(-16vw / var(--setSize--desktop)) rgba(255, 79, 155, 0.4);
  }
  .project__preview:hover .img, .project__preview:focus-visible .img {
    transform: scale(1.035);
  }
  .project__caption {
    padding: calc(16vw / var(--setSize--desktop)) 0px 0px 0px;
    text-align: center;
  }
  .project__name {
    margin: calc(14vw / var(--setSize--desktop)) 0px calc(4vw / var(--setSize--desktop)) 0px;
    font-size: calc(20vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(0.2vw / var(--setSize--desktop));
  }
  .project__label {
    display: block;
    color: #bfb5d3;
    font-size: calc(14vw / var(--setSize--desktop));
    line-height: 1.5;
  }
  .section__more {
    margin: calc(75vw / var(--setSize--desktop)) 0px 0px 0px;
    text-align: center;
  }
  /* O nas */
  .about {
    display: grid;
    grid-template-columns: calc(607vw / var(--setSize--desktop)) calc(728vw / var(--setSize--desktop));
    gap: calc(65vw / var(--setSize--desktop));
    align-items: center;
  }
  .about__frame {
    transform: translate3d(0, var(--parallax-y, 0px), 0);
  }
  .about__photo {
    width: 100%;
  }
  .about__photo .img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: contain;
    -webkit-mask-image: radial-gradient(ellipse at center, #000 43%, rgba(0, 0, 0, 0.933) 53%, transparent 73%);
    mask-image: radial-gradient(ellipse at center, #000 43%, rgba(0, 0, 0, 0.933) 53%, transparent 73%);
    filter: saturate(0.72) brightness(0.92);
  }
  /* Współpraca */
  .process {
    display: grid;
    grid-template-columns: calc(560vw / var(--setSize--desktop)) calc(740vw / var(--setSize--desktop));
    gap: calc(100vw / var(--setSize--desktop));
    align-items: start;
  }
  .process__left {
    align-self: center;
    text-align: center;
  }
  .process__left .button {
    display: flex;
    width: fit-content;
    margin: calc(65vw / var(--setSize--desktop)) auto 0px auto;
  }
  .process__frame {
    border-radius: calc(24vw / var(--setSize--desktop));
    overflow: hidden;
    transform: translate3d(0, var(--parallax-y, 0px), 0);
  }
  .process__photo .img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .process__cta {
    margin: calc(26vw / var(--setSize--desktop)) 0px calc(24vw / var(--setSize--desktop)) 0px;
    font-size: calc(29vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .step {
    margin: 0px 0px calc(12vw / var(--setSize--desktop)) 0px;
    padding: calc(16vw / var(--setSize--desktop)) calc(12vw / var(--setSize--desktop));
    border: 1px solid transparent;
    border-radius: calc(16vw / var(--setSize--desktop));
    display: grid;
    grid-template-columns: calc(48vw / var(--setSize--desktop)) 1fr;
    gap: calc(22vw / var(--setSize--desktop));
  }
  .step:hover .step__number, .step.is-active .step__number, .process__steps:not(.is-scroll) .step:first-child .step__number {
    color: #fff;
    background: #ed0aaf;
    border-color: #ed0aaf;
  }
  .step.is-active .step__number {
    box-shadow: 0 0 0 calc(6vw / var(--setSize--desktop)) rgba(237, 10, 175, 0.16), 0 0 calc(24vw / var(--setSize--desktop)) rgba(237, 10, 175, 0.45);
  }
  .step__number {
    width: calc(48vw / var(--setSize--desktop));
    height: calc(48vw / var(--setSize--desktop));
    color: #cba2ef;
    font-size: calc(19vw / var(--setSize--desktop));
    font-weight: 750;
    border: 1px solid #bb71e8;
    border-radius: 50%;
    transition: background 0.45s, color 0.45s, border-color 0.45s, box-shadow 0.45s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .step__name {
    margin: 0px 0px calc(10vw / var(--setSize--desktop)) 0px;
    font-size: calc(22vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .step__text {
    color: var(--muted);
    font-size: calc(19vw / var(--setSize--desktop));
    line-height: 1.65;
  }
  /* Karty z ikonami */
  .cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(36vw / var(--setSize--desktop));
  }
  .iconCard {
    min-height: calc(260vw / var(--setSize--desktop));
    display: flex;
    align-items: flex-start;
    gap: calc(23vw / var(--setSize--desktop));
  }
  .iconCard:hover {
    transform: translateY(calc(-5vw / var(--setSize--desktop)));
    background: var(--card--active);
    border-color: #e99afd;
    box-shadow: 0 0 calc(32vw / var(--setSize--desktop)) rgba(186, 53, 204, 0.2), 0 calc(18vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333), inset 0 1px 2px rgba(255, 255, 255, 0.467);
  }
  .iconCard__icon {
    width: calc(42vw / var(--setSize--desktop));
    height: calc(42vw / var(--setSize--desktop));
    flex-shrink: 0;
  }
  .iconCard__icon .img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .iconCard__name {
    margin: 0px 0px calc(22vw / var(--setSize--desktop)) 0px;
    font-size: calc(22vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .iconCard__text {
    color: var(--muted);
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.7;
  }
  .iconCard--service {
    min-height: calc(310vw / var(--setSize--desktop));
    gap: calc(25vw / var(--setSize--desktop));
  }
  .iconCard--service .iconCard__name {
    margin: 0px 0px calc(19vw / var(--setSize--desktop)) 0px;
    font-size: calc(28vw / var(--setSize--desktop));
  }
  /* Strony internetowe Elbląg */
  .local {
    display: grid;
    grid-template-columns: calc(651vw / var(--setSize--desktop)) calc(561vw / var(--setSize--desktop));
    gap: calc(188vw / var(--setSize--desktop));
    align-items: center;
  }
  .local__text h2 {
    margin-bottom: calc(40vw / var(--setSize--desktop));
  }
  .local__text h3 {
    margin: calc(35vw / var(--setSize--desktop)) 0px calc(19vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(23vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .local__text p {
    margin-bottom: calc(36vw / var(--setSize--desktop));
  }
  .local__photo {
    align-self: stretch;
    min-height: calc(420vw / var(--setSize--desktop));
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: calc(24vw / var(--setSize--desktop));
  }
  .local__photo .img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
  }
  .local__photo:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(24, 36, 73, 0.15), rgba(112, 51, 101, 0.18));
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  /* Podstrona miasta: obszar z miejscowościami */
  .section--cityArea {
    --spot: 80% 50%;
  }
  .cityArea {
    display: grid;
    grid-template-columns: calc(600vw / var(--setSize--desktop)) calc(700vw / var(--setSize--desktop));
    column-gap: calc(100vw / var(--setSize--desktop));
    align-items: center;
  }
  .cityArea .eyebrow, .cityArea .sectionHead__text > * {
    grid-column: 1;
  }
  .cityArea .sectionHead__text {
    display: contents;
  }
  .cityArea .sectionHead__text > p {
    margin-bottom: 0;
  }
  .cityArea .sectionHead__text > ul {
    grid-column: 2;
    grid-row: 1/span 4;
    align-self: center;
    list-style: none;
    counter-reset: cityArea;
    display: grid;
    gap: calc(20vw / var(--setSize--desktop));
  }
  .cityArea .sectionHead__text > ul li {
    padding: calc(28vw / var(--setSize--desktop)) calc(32vw / var(--setSize--desktop));
    color: var(--muted);
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.7;
    background: rgba(11, 21, 52, 0.267);
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(18vw / var(--setSize--desktop));
    transition: border-color 0.3s, box-shadow 0.3s, background 0.3s, transform 0.3s;
    display: grid;
    grid-template-columns: calc(48vw / var(--setSize--desktop)) 1fr;
    column-gap: calc(22vw / var(--setSize--desktop));
    align-items: start;
  }
  .cityArea .sectionHead__text > ul li:before {
    content: "";
    width: calc(48vw / var(--setSize--desktop));
    height: calc(48vw / var(--setSize--desktop));
    grid-row: 1/span 2;
    border: 1px solid #bb71e8;
    border-radius: 50%;
    background: center/50% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF1681' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M6 21V12h3V7l3-5 3 5v5h3v9M10 21v-4a2 2 0 0 1 4 0v4M12 9v1'/%3E%3C/svg%3E");
  }
  .cityArea .sectionHead__text > ul li:nth-child(2):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF1681' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6'/%3E%3C/svg%3E");
  }
  .cityArea .sectionHead__text > ul li:nth-child(3):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF1681' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.3-7-12a7 7 0 0 1 14 0c0 5.7-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");
  }
  .cityArea .sectionHead__text > ul li strong {
    display: block;
    margin: calc(10vw / var(--setSize--desktop)) 0px calc(6vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(20vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
  }
  .cityArea .sectionHead__text > ul li:hover {
    transform: translateY(calc(-4vw / var(--setSize--desktop)));
    background: var(--card--active);
    border-color: #e99afd;
    box-shadow: 0 0 calc(32vw / var(--setSize--desktop)) rgba(186, 53, 204, 0.2), 0 calc(18vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333), inset 0 1px 2px rgba(255, 255, 255, 0.467);
  }
  /* Podstrona miasta: współpraca w krokach */
  .cityRemote {
    margin-bottom: 0;
  }
  .cityRemote ol {
    max-width: calc(1400vw / var(--setSize--desktop));
    margin: calc(48vw / var(--setSize--desktop)) 0px 0px 0px;
    list-style: none;
    counter-reset: cityStep;
    text-align: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(36vw / var(--setSize--desktop));
  }
  .cityRemote ol li {
    padding: calc(44vw / var(--setSize--desktop)) calc(36vw / var(--setSize--desktop));
    color: var(--muted);
    font-size: calc(17vw / var(--setSize--desktop));
    line-height: 1.7;
    background: rgba(11, 21, 52, 0.267);
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(18vw / var(--setSize--desktop));
    counter-increment: cityStep;
    transition: border-color 0.3s, box-shadow 0.3s, background 0.3s, transform 0.3s;
  }
  .cityRemote ol li:before {
    content: "0" counter(cityStep);
    width: calc(48vw / var(--setSize--desktop));
    height: calc(48vw / var(--setSize--desktop));
    margin: 0px 0px calc(22vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(19vw / var(--setSize--desktop));
    font-weight: 750;
    background: #ed0aaf;
    border-radius: 50%;
    box-shadow: 0 0 0 calc(6vw / var(--setSize--desktop)) rgba(237, 10, 175, 0.16);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cityRemote ol li strong {
    display: block;
    margin: 0px 0px calc(10vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(22vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .cityRemote ol li:hover {
    transform: translateY(calc(-5vw / var(--setSize--desktop)));
    background: var(--card--active);
    border-color: #e99afd;
    box-shadow: 0 0 calc(32vw / var(--setSize--desktop)) rgba(186, 53, 204, 0.2), 0 calc(18vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333), inset 0 1px 2px rgba(255, 255, 255, 0.467);
  }
  .section--cityRemote .sectionHead--center {
    max-width: none;
  }
  .section--cityRemote .sectionHead--center p {
    max-width: calc(900vw / var(--setSize--desktop));
    margin: 0px auto;
  }
  .section--cityRemote .sectionHead--center ol + p {
    margin-top: calc(32vw / var(--setSize--desktop));
    color: var(--muted);
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.7;
    opacity: 0.85;
  }
  /* Podstrona miasta: warianty układu (zdjęcie / karty po lewej) */
  .local--reverse {
    grid-template-columns: calc(561vw / var(--setSize--desktop)) calc(651vw / var(--setSize--desktop));
  }
  .local--reverse .local__photo {
    order: -1;
  }
  .cityArea--reverse {
    grid-template-columns: calc(700vw / var(--setSize--desktop)) calc(600vw / var(--setSize--desktop));
  }
  .cityArea--reverse .eyebrow, .cityArea--reverse .sectionHead__text > * {
    grid-column: 2;
  }
  .cityArea--reverse .sectionHead__text > ul {
    grid-column: 1;
  }
  /* Podstrona miasta: dwie kolumny (np. widoczność w Google i AI) */
  .section--cityColumns .sectionHead--center {
    max-width: none;
  }
  .section--cityColumns .sectionHead--center p {
    max-width: calc(900vw / var(--setSize--desktop));
    margin: 0px auto;
  }
  .cityColumns {
    margin: calc(48vw / var(--setSize--desktop)) 0px 0px 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(36vw / var(--setSize--desktop));
  }
  .cityColumns__col {
    padding: calc(44vw / var(--setSize--desktop)) calc(44vw / var(--setSize--desktop));
  }
  .cityColumns__col h3 {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(24vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
    display: flex;
    align-items: center;
    gap: calc(16vw / var(--setSize--desktop));
  }
  .cityColumns__col h3:before {
    content: "";
    flex: 0 0 calc(48vw / var(--setSize--desktop));
    height: calc(48vw / var(--setSize--desktop));
    border: 1px solid #bb71e8;
    border-radius: 50%;
    background: center/50% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF1681' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.3-7 10-4-1.7-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E");
  }
  .cityColumns__col ul {
    list-style: none;
    display: grid;
    gap: calc(18vw / var(--setSize--desktop));
  }
  .cityColumns__col li {
    padding: 0px 0px 0px calc(36vw / var(--setSize--desktop));
    position: relative;
    color: var(--muted);
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.7;
  }
  .cityColumns__col li:before {
    content: "";
    width: calc(20vw / var(--setSize--desktop));
    height: calc(20vw / var(--setSize--desktop));
    position: absolute;
    top: calc(3vw / var(--setSize--desktop));
    left: 0;
    border-radius: 50%;
    background: #ed0aaf center/70% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
    box-shadow: 0 0 0 calc(4vw / var(--setSize--desktop)) rgba(237, 10, 175, 0.16);
  }
  .cityColumns__col strong {
    display: block;
    margin: 0px 0px calc(4vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(18vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.35;
  }
  .cityColumns__col--2 {
    background: var(--card--active);
    border-color: #e99afd;
    box-shadow: 0 0 calc(25vw / var(--setSize--desktop)) rgba(146, 27, 220, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.6);
  }
  .cityColumns__col--2 h3:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF1681' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E");
  }
  .cityColumns__col--2 li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  }
  .cityColumns__note {
    max-width: calc(900vw / var(--setSize--desktop));
    margin: calc(32vw / var(--setSize--desktop)) auto 0px auto;
    color: var(--muted);
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.7;
    text-align: center;
    opacity: 0.85;
  }
  /* Dowiedz się więcej (podstrony miast) */
  .section--more {
    --spot: 50% 50%;
  }
  .more__header {
    margin: 0px 0px calc(40vw / var(--setSize--desktop)) 0px;
    font-size: calc(40vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: calc(-0.8vw / var(--setSize--desktop));
    text-align: center;
  }
  .more {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(36vw / var(--setSize--desktop));
  }
  .more__link {
    padding: calc(32vw / var(--setSize--desktop));
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(20vw / var(--setSize--desktop));
  }
  .more__link:hover {
    transform: translateY(calc(-5vw / var(--setSize--desktop)));
    background: var(--card--active);
    border-color: #e99afd;
    box-shadow: 0 0 calc(32vw / var(--setSize--desktop)) rgba(186, 53, 204, 0.2), 0 calc(18vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333), inset 0 1px 2px rgba(255, 255, 255, 0.467);
  }
  .more__link:hover .more__arrow {
    color: #fff;
    background: #ed0aaf;
    border-color: #ed0aaf;
  }
  .more__name {
    font-size: calc(20vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.35;
  }
  .more__arrow {
    width: calc(44vw / var(--setSize--desktop));
    height: calc(44vw / var(--setSize--desktop));
    flex-shrink: 0;
    color: #ff1587;
    border: 1px solid #bb71e8;
    border-radius: 50%;
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    display: grid;
    place-items: center;
  }
  .more__arrow svg {
    width: calc(20vw / var(--setSize--desktop));
    height: calc(20vw / var(--setSize--desktop));
  }
  /* FAQ */
  .faq {
    display: grid;
    grid-template-columns: calc(402vw / var(--setSize--desktop)) calc(883vw / var(--setSize--desktop));
    gap: calc(115vw / var(--setSize--desktop));
    align-items: start;
  }
  .faq__head .sectionHead__text p {
    line-height: 1.8;
  }
  .faq__list {
    overflow-anchor: none;
  }
  .faq__row {
    padding: calc(35vw / var(--setSize--desktop)) calc(28vw / var(--setSize--desktop));
    background: linear-gradient(120deg, rgba(41, 36, 80, 0), rgba(48, 35, 71, 0));
    border: 1px solid transparent;
    border-bottom-color: rgba(88, 69, 119, 0.467);
    border-radius: 0;
    transition: background 0.6s, border-color 0.6s, border-radius 0.6s;
  }
  .faq__row:has(+ .faq__row[open]:not(.is-closing)) {
    border-bottom-color: transparent;
  }
  .faq__row[open]:not(.is-closing) {
    background: linear-gradient(120deg, rgba(41, 36, 80, 0.4), rgba(48, 35, 71, 0.267));
    border-color: rgba(98, 80, 145, 0.4);
    border-radius: calc(14vw / var(--setSize--desktop));
  }
  .faq__row[open]:not(.is-closing) .faq__question {
    color: #ff2492;
  }
  .faq__row[open]:not(.is-closing) .faq__toggle:after {
    transform: translate(-50%, -50%) scaleY(0);
  }
  .faq__question {
    list-style: none;
    cursor: pointer;
    font-size: calc(20vw / var(--setSize--desktop));
    font-weight: 700;
    line-height: 1.6;
    display: flex;
    align-items: center;
    gap: calc(25vw / var(--setSize--desktop));
    transition: color 0.6s;
  }
  .faq__question::-webkit-details-marker {
    display: none;
  }
  .faq__question small {
    flex-shrink: 0;
    color: #bcb0d9;
    font-size: calc(15vw / var(--setSize--desktop));
    font-weight: 400;
  }
  .faq__toggle {
    width: calc(28vw / var(--setSize--desktop));
    height: calc(28vw / var(--setSize--desktop));
    position: relative;
    margin-left: auto;
    flex-shrink: 0;
    border: 2px solid #ff1587;
    border-radius: 50%;
  }
  .faq__toggle:before, .faq__toggle:after {
    content: "";
    width: calc(12vw / var(--setSize--desktop));
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #ff1587;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: transform 0.6s;
  }
  .faq__toggle:after {
    width: 2px;
    height: calc(12vw / var(--setSize--desktop));
  }
  .faq__answer {
    padding: calc(26vw / var(--setSize--desktop)) calc(48vw / var(--setSize--desktop)) 0px calc(48vw / var(--setSize--desktop));
    color: var(--muted);
    font-size: calc(19vw / var(--setSize--desktop));
    line-height: 1.7;
  }
  /* Kontakt */
  .contact {
    display: grid;
    grid-template-columns: calc(765vw / var(--setSize--desktop)) calc(466vw / var(--setSize--desktop));
    gap: calc(169vw / var(--setSize--desktop));
    align-items: center;
  }
  .contact__head .sectionHead__text p {
    line-height: 1.75;
  }
  .phoneForm__fields {
    margin: calc(42vw / var(--setSize--desktop)) 0px 0px 0px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: calc(12vw / var(--setSize--desktop));
  }
  .phoneForm__input {
    width: 100%;
    min-width: 0;
    height: calc(68vw / var(--setSize--desktop));
    padding: calc(16vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop));
    color: #fff;
    font-family: inherit;
    font-size: calc(18vw / var(--setSize--desktop));
    background: #111a36;
    border: 1px solid #ac8dc8;
    border-radius: calc(16vw / var(--setSize--desktop));
  }
  .phoneForm__input::placeholder {
    color: #b7a4d2;
  }
  .phoneForm__submit {
    height: calc(68vw / var(--setSize--desktop));
    padding: calc(16vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop));
    color: #fff;
    font-family: inherit;
    font-size: calc(18vw / var(--setSize--desktop));
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
    background: var(--button--gradient);
    border: 0;
    border-radius: calc(16vw / var(--setSize--desktop));
    box-shadow: 0 calc(10vw / var(--setSize--desktop)) calc(30vw / var(--setSize--desktop)) rgba(254, 1, 94, 0.19);
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
  }
  .phoneForm__submit:hover {
    background: var(--button--gradient--hover);
    box-shadow: 0 calc(14vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(254, 1, 94, 0.333);
    transform: translateY(calc(-2vw / var(--setSize--desktop)));
  }
  .phoneForm__status {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.6;
  }
  .phoneForm__privacy {
    margin: calc(12vw / var(--setSize--desktop)) 0px calc(12vw / var(--setSize--desktop)) 0px;
    color: #8f84ab;
    font-size: calc(13vw / var(--setSize--desktop));
    line-height: 1.55;
  }
  .phoneForm__privacy a {
    color: #ff9fc7;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .phoneForm__recaptcha {
    margin: 0px 0px calc(18vw / var(--setSize--desktop)) 0px;
    color: #8f84ab;
    font-size: calc(13vw / var(--setSize--desktop));
    line-height: 1.55;
  }
  .phoneForm__recaptcha a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .phoneForm__call {
    margin: calc(20vw / var(--setSize--desktop)) 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(22vw / var(--setSize--desktop));
    line-height: 1.6;
  }
  .phoneForm__call a {
    color: #fff;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
  }
  .phoneForm__call a:hover {
    color: #ff77af;
  }
  .contactSummary {
    padding: calc(28vw / var(--setSize--desktop)) calc(38vw / var(--setSize--desktop));
    background: linear-gradient(135deg, rgba(55, 21, 73, 0.4), rgba(23, 31, 79, 0.467));
    border: 1px solid rgba(127, 89, 140, 0.333);
    border-radius: calc(24vw / var(--setSize--desktop));
  }
  .contactSummary__name {
    margin: 0px 0px calc(19vw / var(--setSize--desktop)) 0px;
    font-size: calc(28vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: calc(-0.35vw / var(--setSize--desktop));
  }
  .contactSummary__text ul {
    margin: calc(18vw / var(--setSize--desktop)) 0px 0px 0px;
    padding: 0px 0px 0px calc(22vw / var(--setSize--desktop));
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.8;
    text-wrap: pretty;
  }
  .contact__right {
    display: grid;
    gap: calc(24vw / var(--setSize--desktop));
  }
  /* Kontakt: dane firmy */
  .contactCard {
    padding: calc(28vw / var(--setSize--desktop)) calc(38vw / var(--setSize--desktop));
    font-style: normal;
    background: rgba(11, 21, 52, 0.267);
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(24vw / var(--setSize--desktop));
  }
  .contactCard__list {
    margin: calc(18vw / var(--setSize--desktop)) 0px 0px 0px;
    display: grid;
    gap: calc(12vw / var(--setSize--desktop));
  }
  .contactCard__row {
    display: grid;
    grid-template-columns: calc(114vw / var(--setSize--desktop)) 1fr;
    column-gap: calc(12vw / var(--setSize--desktop));
    align-items: center;
  }
  .contactCard__row dt {
    display: flex;
    align-items: center;
    gap: calc(12vw / var(--setSize--desktop));
    color: #9587b0;
    font-size: calc(12vw / var(--setSize--desktop));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: calc(1vw / var(--setSize--desktop));
    text-transform: uppercase;
  }
  .contactCard__row dd {
    color: #fff;
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.5;
  }
  .contactCard__row dd a {
    color: inherit;
    text-decoration: none;
  }
  .contactCard__row dd a:hover {
    color: #ff77af;
  }
  .contactCard__icon {
    flex: 0 0 calc(32vw / var(--setSize--desktop));
    width: calc(32vw / var(--setSize--desktop));
    height: calc(32vw / var(--setSize--desktop));
    color: #ff1681;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #bb71e8;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contactCard__icon svg {
    display: block;
    width: 48%;
    height: 48%;
  }
  /* Strona główna: linki do podstron miast w sekcji Elbląg */
  .local__cities {
    margin: calc(8vw / var(--setSize--desktop)) 0px calc(14vw / var(--setSize--desktop)) 0px !important;
    color: #fff;
    font-weight: 700;
  }
  .local__links {
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: calc(10vw / var(--setSize--desktop));
  }
  .local__city {
    padding: calc(8vw / var(--setSize--desktop)) calc(16vw / var(--setSize--desktop));
    color: #e4deef;
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(30vw / var(--setSize--desktop));
    transition: color 0.3s, border-color 0.3s, background 0.3s;
  }
  .local__city:hover {
    color: #fff;
    background: var(--card--active);
    border-color: #e99afd;
  }
  /* Stopka */
  .footer {
    position: relative;
    padding: calc(70vw / var(--setSize--desktop)) 0px calc(50vw / var(--setSize--desktop)) 0px;
    border-top: 1px solid rgba(121, 101, 138, 0.267);
  }
  .footer__logo {
    display: block;
    width: calc(155vw / var(--setSize--desktop));
    margin: 0px 0px calc(32vw / var(--setSize--desktop)) 0px;
  }
  .footer__logo--img {
    display: block;
    width: 100%;
    height: auto;
  }
  .footer__menu {
    padding: 0px 0px calc(50vw / var(--setSize--desktop)) 0px;
    border-bottom: 1px solid rgba(117, 102, 140, 0.333);
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: calc(24vw / var(--setSize--desktop)) calc(36vw / var(--setSize--desktop));
  }
  .footer__menu--href {
    color: #e4deef;
    font-size: calc(18vw / var(--setSize--desktop));
    line-height: 1.8;
    text-transform: uppercase;
    text-decoration: none;
  }
  .footer__menu--href:hover {
    color: #ff74b1;
  }
  .footer__cols {
    margin: calc(50vw / var(--setSize--desktop)) 0px 0px 0px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(65vw / var(--setSize--desktop));
  }
  .footer__label {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: #a599bf;
    font-size: calc(16vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.8;
    letter-spacing: calc(0.5vw / var(--setSize--desktop));
    text-transform: uppercase;
  }
  .footer__contact {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: #a599bf;
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.8;
  }
  .footer__contact a {
    text-decoration: none;
  }
  .footer__contact a:hover {
    color: #ff74b1;
  }
  .footer__cities {
    margin: calc(40vw / var(--setSize--desktop)) 0px 0px 0px;
    color: #9587b0;
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.8;
    display: flex;
    flex-wrap: wrap;
    gap: calc(8vw / var(--setSize--desktop)) calc(24vw / var(--setSize--desktop));
  }
  .footer__cities--label {
    font-weight: 700;
  }
  .footer__cities--href {
    color: #e4deef;
    text-decoration: none;
  }
  .footer__cities--href:hover, .footer__cities--href.footer__cities--active {
    color: #ff74b1;
  }
  .footer__bottom {
    margin: calc(55vw / var(--setSize--desktop)) 0px 0px 0px;
    color: #9587b0;
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.8;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer__links {
    display: flex;
    align-items: center;
    gap: calc(28vw / var(--setSize--desktop));
  }
  .footer__sep {
    margin: 0px calc(6vw / var(--setSize--desktop));
    opacity: 0.6;
  }
  .footer__link {
    padding: 0;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 4px;
    background: transparent;
    border: 0;
  }
  .footer__link:hover {
    color: #ff74b1;
  }
  .footer__up {
    width: calc(58vw / var(--setSize--desktop));
    height: calc(58vw / var(--setSize--desktop));
    position: absolute;
    left: calc(65vw / var(--setSize--desktop));
    bottom: calc(55vw / var(--setSize--desktop));
    color: #fff;
    background: rgba(29, 23, 56, 0.4);
    border: 1px solid #9574b2;
    border-radius: 50%;
    transition: background 0.25s, border-color 0.25s, transform 0.25s;
    display: grid;
    place-items: center;
  }
  .footer__up svg {
    width: calc(24vw / var(--setSize--desktop));
    height: calc(24vw / var(--setSize--desktop));
  }
  .footer__up:hover {
    background: #ed007f;
    border-color: #ed007f;
    transform: translateY(calc(-3vw / var(--setSize--desktop)));
  }
  .footer__chat {
    width: calc(58vw / var(--setSize--desktop));
    height: calc(58vw / var(--setSize--desktop));
    position: absolute;
    right: calc(65vw / var(--setSize--desktop));
    bottom: calc(55vw / var(--setSize--desktop));
    color: #fff;
    background: #ed007f;
    border-radius: 50%;
    display: grid;
    place-items: center;
  }
  .footer__chat svg {
    width: calc(25vw / var(--setSize--desktop));
    height: calc(25vw / var(--setSize--desktop));
  }
  .footer__chat b {
    width: calc(22vw / var(--setSize--desktop));
    height: calc(22vw / var(--setSize--desktop));
    position: absolute;
    top: calc(-9vw / var(--setSize--desktop));
    right: 0;
    color: #d51690;
    font-size: calc(13vw / var(--setSize--desktop));
    line-height: calc(22vw / var(--setSize--desktop));
    text-align: center;
    background: #fff;
    border-radius: 50%;
  }
  /* Okna dialogowe */
  .dialog {
    max-width: min(900vw / var(--setSize--desktop), 100% - 40px);
    max-height: 85dvh;
    padding: calc(48vw / var(--setSize--desktop));
    color: #fff;
    background: #101631;
    border: 1px solid #b078c3;
    border-radius: calc(20vw / var(--setSize--desktop));
    box-shadow: 0 calc(30vw / var(--setSize--desktop)) calc(100vw / var(--setSize--desktop)) rgba(0, 0, 0, 0.6);
  }
  .dialog::backdrop {
    background: rgba(2, 6, 23, 0.8);
    backdrop-filter: blur(8px);
  }
  .dialog[open] {
    animation: noxeDialogIn 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
  .dialog__close {
    width: calc(36vw / var(--setSize--desktop));
    height: calc(36vw / var(--setSize--desktop));
    position: absolute;
    top: calc(10vw / var(--setSize--desktop));
    right: calc(15vw / var(--setSize--desktop));
    padding: 0;
    color: #fff;
    font-size: calc(25vw / var(--setSize--desktop));
    line-height: 1;
    background: transparent;
    border: 1px solid #9672b8;
    border-radius: 50%;
    z-index: 2;
  }
  .dialog__name {
    margin: 0px 0px calc(36vw / var(--setSize--desktop)) 0px;
    font-size: calc(32vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
  }
  .dialog__text p {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(18vw / var(--setSize--desktop));
    line-height: 1.8;
  }
  .dialog--project {
    width: min(1440vw / var(--setSize--desktop), 94vw);
    max-width: 94vw;
    max-height: 94dvh;
    padding: calc(48vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop)) calc(18vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop));
    background: rgba(7, 17, 45, 0.96);
  }
  .dialog__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: calc(94dvh - calc(110vw / var(--setSize--desktop)));
    margin: auto;
    object-fit: contain;
  }
  .dialog__caption {
    margin: calc(12vw / var(--setSize--desktop)) 0px 0px 0px;
    color: #e2e1f0;
    font-size: calc(16vw / var(--setSize--desktop));
    text-align: center;
  }
  .dialog--presentation {
    width: min(820vw / var(--setSize--desktop), 94vw);
    max-width: 94vw;
    max-height: 90dvh;
    padding: calc(48vw / var(--setSize--desktop)) calc(44vw / var(--setSize--desktop)) calc(36vw / var(--setSize--desktop)) calc(44vw / var(--setSize--desktop));
    overflow: auto;
    color: #211836;
    background: radial-gradient(ellipse at 90% 8%, #d6b9ff, transparent 55%), radial-gradient(ellipse at 0 100%, #ffd0e5, transparent 65%), #f6eafa;
    border: 1px solid rgba(255, 255, 255, 0.667);
    border-radius: calc(28vw / var(--setSize--desktop));
    box-shadow: 0 calc(32vw / var(--setSize--desktop)) calc(100vw / var(--setSize--desktop)) rgba(0, 0, 0, 0.533);
  }
  .dialog--presentation::backdrop {
    background: rgba(7, 13, 40, 0.72);
    backdrop-filter: blur(10px);
  }
  .dialog--presentation .dialog__close {
    color: #392449;
    background: rgba(255, 255, 255, 0.5);
    border-color: rgba(141, 93, 157, 0.4);
  }
  .dialog--presentation .dialog__inside {
    max-width: calc(700vw / var(--setSize--desktop));
    margin: 0px auto;
    text-align: center;
  }
  .dialog--presentation .sectionHead--center {
    margin: 0;
  }
  .dialog--presentation .eyebrow {
    color: #9b245e;
    font-size: calc(13vw / var(--setSize--desktop));
    letter-spacing: calc(2vw / var(--setSize--desktop));
  }
  .dialog--presentation .sectionHead__text h2 {
    margin: calc(16vw / var(--setSize--desktop)) 0px calc(18vw / var(--setSize--desktop)) 0px;
    color: #211836;
    font-size: calc(40vw / var(--setSize--desktop));
    line-height: 1.2;
    letter-spacing: calc(-0.7vw / var(--setSize--desktop));
  }
  .dialog--presentation .sectionHead__text p {
    color: #51415f;
    font-size: calc(17vw / var(--setSize--desktop));
    line-height: 1.6;
  }
  .dialog--presentation .phoneForm__fields {
    margin-top: calc(26vw / var(--setSize--desktop));
    display: flex;
  }
  .dialog--presentation .phoneForm__input {
    flex: 1;
    height: auto;
    min-height: calc(60vw / var(--setSize--desktop));
    padding: calc(16vw / var(--setSize--desktop)) calc(18vw / var(--setSize--desktop));
    color: #211836;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.6);
    border-color: #b897c9;
    border-radius: calc(14vw / var(--setSize--desktop));
  }
  .dialog--presentation .phoneForm__input::placeholder {
    color: #70617c;
  }
  .dialog--presentation .phoneForm__submit {
    height: auto;
    min-height: calc(60vw / var(--setSize--desktop));
    padding: calc(16vw / var(--setSize--desktop)) calc(24vw / var(--setSize--desktop));
    font-weight: 750;
    border-radius: calc(14vw / var(--setSize--desktop));
    box-shadow: none;
  }
  .dialog--presentation .phoneForm__status {
    margin: calc(12vw / var(--setSize--desktop)) 0px;
    color: #51415f;
    font-size: calc(14vw / var(--setSize--desktop));
  }
  .dialog--presentation .phoneForm__status:empty {
    display: none;
  }
  .dialog--presentation .phoneForm__privacy {
    color: #65536f;
    font-size: calc(12vw / var(--setSize--desktop));
    line-height: 1.6;
  }
  .dialog--presentation .phoneForm__privacy a {
    color: #942453;
  }
  .dialog--presentation .phoneForm__recaptcha {
    color: #65536f;
    font-size: calc(12vw / var(--setSize--desktop));
    line-height: 1.6;
  }
  .dialog--presentation .phoneForm__call {
    margin: calc(18vw / var(--setSize--desktop)) 0px calc(24vw / var(--setSize--desktop)) 0px;
    color: #51415f;
    font-size: calc(18vw / var(--setSize--desktop));
  }
  .dialog--presentation .phoneForm__call a {
    color: #942453;
  }
  .contactSummary--light {
    max-width: calc(700vw / var(--setSize--desktop));
    margin: calc(8vw / var(--setSize--desktop)) auto 0px auto;
    padding: calc(22vw / var(--setSize--desktop)) calc(28vw / var(--setSize--desktop));
    background: rgba(255, 255, 255, 0.27);
    border-color: rgba(186, 148, 202, 0.4);
    border-radius: calc(18vw / var(--setSize--desktop));
  }
  .contactSummary--light .eyebrow {
    font-size: calc(13vw / var(--setSize--desktop));
  }
  .contactSummary--light .contactSummary__name {
    margin: calc(8vw / var(--setSize--desktop)) 0px calc(12vw / var(--setSize--desktop)) 0px;
    color: #211836;
    font-size: calc(21vw / var(--setSize--desktop));
  }
  .contactSummary--light .contactSummary__text ul {
    margin: 0;
    padding-left: calc(20vw / var(--setSize--desktop));
    color: #51415f;
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.7;
  }
  /* Podstrona (dokumenty prawne) */
  .default {
    padding: calc(170vw / var(--setSize--desktop)) 0px calc(110vw / var(--setSize--desktop)) 0px;
  }
  .default__wrap {
    width: calc(900vw / var(--setSize--desktop));
  }
  .default__back {
    display: inline-block;
    margin: 0px 0px calc(30vw / var(--setSize--desktop)) 0px;
    color: #ff9fc7;
    font-size: calc(16vw / var(--setSize--desktop));
    text-decoration: none;
  }
  .default__header {
    margin: 0px 0px calc(16vw / var(--setSize--desktop)) 0px;
    font-size: calc(48vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: calc(-1vw / var(--setSize--desktop));
  }
  .default__text {
    color: var(--muted);
    font-size: calc(18vw / var(--setSize--desktop));
    line-height: 1.8;
  }
  .default__text h2 {
    margin: calc(42vw / var(--setSize--desktop)) 0px calc(14vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(26vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
  }
  .default__text p {
    margin: 0px 0px calc(18vw / var(--setSize--desktop)) 0px;
  }
  .default__text ul {
    margin: 0px 0px calc(18vw / var(--setSize--desktop)) 0px;
    padding-left: calc(22vw / var(--setSize--desktop));
  }
  .default__text strong {
    color: #fff;
  }
  .default__text a {
    color: #ff9fc7;
  }
  /* Blog: lista, kategorie, wpis, autor */
  .blog,
  .post {
    padding: calc(170vw / var(--setSize--desktop)) 0px calc(120vw / var(--setSize--desktop)) 0px;
  }
  .crumbs {
    margin: 0px 0px calc(34vw / var(--setSize--desktop)) 0px;
  }
  .crumbs ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: calc(8vw / var(--setSize--desktop));
    color: #9587b0;
    font-size: calc(14vw / var(--setSize--desktop));
    line-height: 1.5;
  }
  .crumbs li + li:before {
    content: "/";
    margin: 0px calc(8vw / var(--setSize--desktop)) 0px 0px;
    opacity: 0.6;
  }
  .crumbs a {
    color: #e4deef;
    text-decoration: none;
  }
  .crumbs a:hover {
    color: #ff74b1;
  }
  .blog__head {
    max-width: calc(900vw / var(--setSize--desktop));
    margin: 0px 0px calc(40vw / var(--setSize--desktop)) 0px;
  }
  .blog__title {
    margin: calc(12vw / var(--setSize--desktop)) 0px calc(18vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(54vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: calc(-1.4vw / var(--setSize--desktop));
  }
  .blog__intro {
    color: var(--muted);
    font-size: calc(19vw / var(--setSize--desktop));
    line-height: 1.75;
  }
  .blog__intro p {
    margin: 0;
  }
  .blog__intro p + p {
    margin: calc(12vw / var(--setSize--desktop)) 0px 0px 0px;
  }
  .blog__empty {
    color: var(--muted);
    font-size: calc(18vw / var(--setSize--desktop));
  }
  .blog__empty a {
    color: #ff9fc7;
  }
  .blogCats {
    margin: 0px 0px calc(44vw / var(--setSize--desktop)) 0px;
    display: flex;
    flex-wrap: wrap;
    gap: calc(10vw / var(--setSize--desktop));
  }
  .blogCats__href {
    padding: calc(10vw / var(--setSize--desktop)) calc(20vw / var(--setSize--desktop));
    color: #e4deef;
    font-size: calc(15vw / var(--setSize--desktop));
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(30vw / var(--setSize--desktop));
    transition: color 0.3s, border-color 0.3s, background 0.3s;
  }
  .blogCats__href span {
    margin: 0px 0px 0px calc(4vw / var(--setSize--desktop));
    font-size: calc(13vw / var(--setSize--desktop));
    opacity: 0.6;
  }
  .blogCats__href:hover, .blogCats__href.blogCats__href--active {
    color: #fff;
    background: var(--card--active);
    border-color: #e99afd;
  }
  .blogGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(32vw / var(--setSize--desktop));
  }
  .postCard {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .postCard:hover {
    transform: translateY(calc(-5vw / var(--setSize--desktop)));
    border-color: #e99afd;
    box-shadow: 0 0 calc(32vw / var(--setSize--desktop)) rgba(186, 53, 204, 0.2), 0 calc(18vw / var(--setSize--desktop)) calc(35vw / var(--setSize--desktop)) rgba(2, 6, 25, 0.333);
  }
  .postCard:hover .postCard__img .img {
    transform: scale(1.04);
  }
  .postCard__media {
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .postCard__img {
    width: 100%;
    height: 100%;
  }
  .postCard__img .img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s;
  }
  .postCard__img--empty {
    background: radial-gradient(ellipse at 20% 10%, rgba(211, 19, 147, 0.35), transparent 60%), #16123d;
  }
  .postCard__body {
    padding: calc(26vw / var(--setSize--desktop)) calc(28vw / var(--setSize--desktop)) calc(30vw / var(--setSize--desktop)) calc(28vw / var(--setSize--desktop));
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .postCard__category {
    margin: 0px 0px calc(10vw / var(--setSize--desktop)) 0px;
    font-size: calc(13vw / var(--setSize--desktop));
  }
  .postCard__title {
    margin: 0px 0px calc(12vw / var(--setSize--desktop)) 0px;
    font-size: calc(22vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
  }
  .postCard__title a {
    color: #fff;
    text-decoration: none;
  }
  .postCard__title a:after {
    content: "";
    position: absolute;
    inset: 0;
  }
  .postCard__excerpt {
    margin: 0px 0px calc(18vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.65;
  }
  .postCard__meta {
    margin: auto 0px 0px 0px;
    color: #9587b0;
    font-size: calc(14vw / var(--setSize--desktop));
  }
  .blogPager {
    margin: calc(48vw / var(--setSize--desktop)) 0px 0px 0px;
    display: flex;
    justify-content: center;
    gap: calc(8vw / var(--setSize--desktop));
  }
  .blogPager__item {
    width: calc(46vw / var(--setSize--desktop));
    height: calc(46vw / var(--setSize--desktop));
    color: #e4deef;
    font-size: calc(16vw / var(--setSize--desktop));
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(12vw / var(--setSize--desktop));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .blogPager__item:hover, .blogPager__item.blogPager__item--active {
    color: #fff;
    background: var(--card--active);
    border-color: #e99afd;
  }
  .avatar {
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(135deg, #d10051, #7b62b4);
  }
  .avatar .img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  .avatar--initials {
    color: #fff;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .avatar--small {
    width: calc(40vw / var(--setSize--desktop));
    height: calc(40vw / var(--setSize--desktop));
    font-size: calc(15vw / var(--setSize--desktop));
  }
  .avatar--large {
    width: calc(96vw / var(--setSize--desktop));
    height: calc(96vw / var(--setSize--desktop));
    font-size: calc(32vw / var(--setSize--desktop));
  }
  .avatar--small .img {
    object-position: 50% 25%;
  }
  .avatar--portrait {
    width: calc(150vw / var(--setSize--desktop));
    aspect-ratio: 4/5;
    font-size: calc(40vw / var(--setSize--desktop));
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(18vw / var(--setSize--desktop));
  }
  .avatar--portraitLarge {
    width: calc(220vw / var(--setSize--desktop));
    font-size: calc(56vw / var(--setSize--desktop));
    border-radius: calc(24vw / var(--setSize--desktop));
  }
  .post__head {
    max-width: calc(980vw / var(--setSize--desktop));
  }
  .post__category {
    text-decoration: none;
  }
  .post__title {
    margin: calc(12vw / var(--setSize--desktop)) 0px calc(18vw / var(--setSize--desktop)) 0px;
    font-size: calc(54vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: calc(-1.4vw / var(--setSize--desktop));
  }
  .post__lead {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(21vw / var(--setSize--desktop));
    line-height: 1.6;
  }
  .post__meta {
    color: #9587b0;
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(10vw / var(--setSize--desktop)) calc(26vw / var(--setSize--desktop));
  }
  .post__author {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: calc(10vw / var(--setSize--desktop));
  }
  .post__author:hover {
    color: #ff74b1;
  }
  .post__cover {
    margin: calc(40vw / var(--setSize--desktop)) 0px calc(56vw / var(--setSize--desktop)) 0px;
    overflow: hidden;
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(24vw / var(--setSize--desktop));
  }
  .post__cover .img {
    width: 100%;
    height: auto;
    display: block;
  }
  .post__layout {
    display: grid;
    grid-template-columns: calc(290vw / var(--setSize--desktop)) minmax(0, calc(820vw / var(--setSize--desktop)));
    gap: calc(70vw / var(--setSize--desktop));
    align-items: start;
  }
  .post__aside {
    position: sticky;
    top: calc(120vw / var(--setSize--desktop));
  }
  .post__body {
    grid-column: 2;
  }
  .toc {
    padding: calc(24vw / var(--setSize--desktop)) calc(26vw / var(--setSize--desktop));
    background: rgba(11, 21, 52, 0.267);
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(18vw / var(--setSize--desktop));
  }
  .toc__title {
    color: var(--pink--eyebrow);
    font-size: calc(14vw / var(--setSize--desktop));
    font-weight: 750;
    letter-spacing: calc(2vw / var(--setSize--desktop));
    text-transform: uppercase;
    list-style: none;
    pointer-events: none;
  }
  .toc__title::-webkit-details-marker {
    display: none;
  }
  .toc__list {
    margin: calc(16vw / var(--setSize--desktop)) 0px 0px 0px;
    padding: 0px 0px 0px calc(20vw / var(--setSize--desktop));
    color: #9587b0;
    font-size: calc(15vw / var(--setSize--desktop));
    line-height: 1.45;
  }
  .toc__list li {
    margin: 0px 0px calc(10vw / var(--setSize--desktop)) 0px;
  }
  .toc__list a {
    color: #c4bde3;
    text-decoration: none;
  }
  .toc__list a:hover {
    color: #fff;
  }
  .post__content {
    color: var(--muted);
    font-size: calc(18vw / var(--setSize--desktop));
    line-height: 1.8;
  }
  .post__content > p:first-child {
    color: #e4deef;
    font-size: calc(20vw / var(--setSize--desktop));
  }
  .post__content p {
    margin: 0px 0px calc(22vw / var(--setSize--desktop)) 0px;
  }
  .post__content h2 {
    margin: calc(54vw / var(--setSize--desktop)) 0px calc(18vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(32vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: calc(-0.6vw / var(--setSize--desktop));
    scroll-margin-top: calc(120vw / var(--setSize--desktop));
  }
  .post__content h3 {
    margin: calc(32vw / var(--setSize--desktop)) 0px calc(12vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(22vw / var(--setSize--desktop));
    font-weight: 700;
    line-height: 1.35;
  }
  .post__content ul, .post__content ol {
    margin: 0px 0px calc(26vw / var(--setSize--desktop)) 0px;
    padding: 0px 0px 0px calc(24vw / var(--setSize--desktop));
  }
  .post__content li {
    margin: 0px 0px calc(12vw / var(--setSize--desktop)) 0px;
  }
  .post__content li::marker {
    color: #ff5aa0;
    font-weight: 700;
  }
  .post__content strong {
    color: #fff;
  }
  .post__content a {
    color: #ff9fc7;
    text-underline-offset: calc(3vw / var(--setSize--desktop));
  }
  .post__figure {
    margin: calc(34vw / var(--setSize--desktop)) 0px calc(38vw / var(--setSize--desktop)) 0px;
  }
  .post__figure img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid rgba(116, 80, 180, 0.467);
    border-radius: calc(18vw / var(--setSize--desktop));
  }
  .post__figure figcaption {
    margin: calc(12vw / var(--setSize--desktop)) 0px 0px 0px;
    color: #9587b0;
    font-size: calc(14vw / var(--setSize--desktop));
    line-height: 1.5;
    text-align: center;
  }
  .authorBox {
    margin: calc(56vw / var(--setSize--desktop)) 0px 0px 0px;
    padding: calc(32vw / var(--setSize--desktop));
    display: flex;
    align-items: flex-start;
    gap: calc(24vw / var(--setSize--desktop));
  }
  .authorBox__name {
    margin: calc(4vw / var(--setSize--desktop)) 0px calc(2vw / var(--setSize--desktop)) 0px;
    font-size: calc(22vw / var(--setSize--desktop));
    font-weight: 750;
  }
  .authorBox__name a {
    color: #fff;
    text-decoration: none;
  }
  .authorBox__name a:hover {
    color: #ff74b1;
  }
  .authorBox__role {
    margin: 0px 0px calc(10vw / var(--setSize--desktop)) 0px;
    color: #ff9fc7;
    font-size: calc(15vw / var(--setSize--desktop));
  }
  .authorBox__bio {
    color: var(--muted);
    font-size: calc(16vw / var(--setSize--desktop));
    line-height: 1.7;
  }
  .authorBox__bio p {
    margin: 0;
  }
  .authorBox__bio p + p {
    margin: calc(10vw / var(--setSize--desktop)) 0px 0px 0px;
  }
  .postCta {
    margin: calc(28vw / var(--setSize--desktop)) 0px 0px 0px;
    padding: calc(36vw / var(--setSize--desktop));
    background: var(--card--active);
    border-color: #e99afd;
  }
  .postCta__title {
    margin: 0px 0px calc(8vw / var(--setSize--desktop)) 0px;
    font-size: calc(26vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.3;
  }
  .postCta__text {
    margin: 0px 0px calc(22vw / var(--setSize--desktop)) 0px;
    color: var(--muted);
    font-size: calc(17vw / var(--setSize--desktop));
    line-height: 1.65;
  }
  .related {
    margin: calc(100vw / var(--setSize--desktop)) 0px 0px 0px;
  }
  .related__title {
    margin: 0px 0px calc(34vw / var(--setSize--desktop)) 0px;
    font-size: calc(38vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: calc(-1vw / var(--setSize--desktop));
  }
  .authorHead {
    max-width: calc(980vw / var(--setSize--desktop));
    margin: 0px 0px calc(60vw / var(--setSize--desktop)) 0px;
    display: flex;
    align-items: center;
    gap: calc(32vw / var(--setSize--desktop));
  }
  .authorHead__role {
    margin: 0px 0px calc(14vw / var(--setSize--desktop)) 0px;
    color: #ff9fc7;
    font-size: calc(17vw / var(--setSize--desktop));
  }
  /* Strona 404 */
  .error404 {
    padding: calc(200vw / var(--setSize--desktop)) 0px calc(150vw / var(--setSize--desktop)) 0px;
    text-align: center;
  }
  .error404__secondary {
    background: transparent;
    box-shadow: none;
  }
  .error404__secondary:hover {
    background: rgba(91, 39, 106, 0.4);
  }
  .error404__inside {
    max-width: calc(820vw / var(--setSize--desktop));
  }
  .error404__code {
    margin: calc(6vw / var(--setSize--desktop)) 0px calc(10vw / var(--setSize--desktop)) 0px;
    font-size: calc(190vw / var(--setSize--desktop));
    font-weight: 800;
    line-height: 1;
    letter-spacing: calc(-6vw / var(--setSize--desktop));
    background: linear-gradient(110deg, #fe015e 0%, #ff5aa0 22%, #d889ea 44%, #fe015e 66%, #ff5aa0 84%, #fe015e 100%);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: noxeCityFlow 4s ease-in-out infinite;
  }
  .error404__header {
    margin: 0px 0px calc(18vw / var(--setSize--desktop)) 0px;
    font-size: calc(46vw / var(--setSize--desktop));
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: calc(-1vw / var(--setSize--desktop));
  }
  .error404__text {
    max-width: calc(640vw / var(--setSize--desktop));
    margin: 0px auto;
    color: var(--muted);
    font-size: calc(18vw / var(--setSize--desktop));
    line-height: 1.75;
  }
  .error404__actions {
    margin: calc(40vw / var(--setSize--desktop)) 0px 0px 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(16vw / var(--setSize--desktop));
  }
  /* Default */
  .mainFoto {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  .mainFotoBackground {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .mainFoto .img,
  .mainFotoBackground .img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .filesBox {
    float: left;
    width: 100%;
    position: relative;
    margin: calc(20vw / var(--setSize--desktop)) 0px calc(20vw / var(--setSize--desktop)) 0px;
    padding: 0px 0px 0px 0px;
  }
  .filesBoxFile {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: calc(10vw / var(--setSize--desktop)) calc(10vw / var(--setSize--desktop)) 0px;
    color: #fff;
    font-size: calc(18vw / var(--setSize--desktop));
    font-weight: 400;
    line-height: calc(22vw / var(--setSize--desktop));
    text-decoration: none;
  }
  .filesBoxFileImg {
    float: left;
    width: calc(40vw / var(--setSize--desktop));
    position: relative;
    margin: 0px calc(20vw / var(--setSize--desktop)) 0px 0px;
  }
  .filesBoxFileTitle {
    float: left;
    width: calc(100% - calc(70vw / var(--setSize--desktop)));
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  .filesBoxFile:hover {
    color: #ff74b1;
  }
}
@media screen and (min-aspect-ratio: 13/9) {
  .popupLandscape {
    display: block !important;
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  .popupLandscape .popup {
    background: rgba(0, 0, 0, 0.95);
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .hero__text h1 strong,
  .error404__code {
    animation: none;
    background-position: 50% 50%;
  }
  .cursorGlow {
    display: none;
  }
  .hero__stage .img,
  .card,
  .button,
  .project__preview,
  .project__preview .img,
  .step__number,
  .dialog[open] {
    transition: none !important;
    animation: none !important;
  }
  .card:hover,
  .button:hover,
  .project__preview:hover .img,
  .about__frame,
  .process__frame {
    transform: none !important;
  }
}

/*# sourceMappingURL=style.css.map */