* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  background-color: transparent;
  border: none;
}

img, video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.container {
  padding: 0 20px;
}
@media screen and (min-width: 767px) {
  .container {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1008px) {
  .container {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1720px) {
  .container {
    padding: 0 285px;
  }
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
  font-weight: 400;
}

p,
span {
  font-family: "Figtree", sans-serif;
}

p {
  line-height: 1.5;
  font-size: 16px;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1A1A1A;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 50;
  animation: loading-main 1s cubic-bezier(0.215, 0.61, 0.355, 1) 6s 1 normal both;
}
.loader_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader h2 {
  color: #fff;
  display: flex;
}
.loader h2 span {
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
  margin: 0 1px 0 0;
  display: block;
  transform-origin: center top;
  transform-style: preserve-3d;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(100%) rotateX(-180deg);
  opacity: 0;
}
.loader h2 span:nth-of-type(1) {
  animation: loading-letter 1.6s linear 0s 3 normal both;
}
.loader h2 span:nth-of-type(2) {
  animation: loading-letter 1.6s linear 0.15s 3 normal both;
}
.loader h2 span:nth-of-type(3) {
  animation: loading-letter 1.6s linear 0.3s 3 normal both;
}
.loader h2 span:nth-of-type(4) {
  animation: loading-letter 1.6s linear 0.45s 3 normal both;
}
.loader h2 span:nth-of-type(5) {
  animation: loading-letter 1.6s linear 0.6s 3 normal both;
}
.loader h2 span:nth-of-type(6) {
  animation: loading-letter 1.6s linear 0.75s 3 normal both;
}
.loader h2 span:nth-of-type(7) {
  animation: loading-letter 1.6s linear 1s 3 normal both;
}
.loader h2 span:nth-of-type(8) {
  animation: loading-letter 1.6s linear 1.15s 3 normal both;
}
.loader h2 span:nth-of-type(9) {
  animation: loading-letter 1.6s linear 1.3s 3 normal both;
}

@keyframes loading-letter {
  0% {
    transform: translateY(100%) rotateX(-180deg);
    opacity: 0;
  }
  11% {
    opacity: 1;
    transform: none;
  }
  77% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translatex(1px);
  }
}
@keyframes loading-main {
  0% {
    background-color: #1A1A1A;
    z-index: 50;
    opacity: 1;
  }
  90% {
    background-color: transparent;
    z-index: 50;
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    z-index: -10;
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  mix-blend-mode: difference;
}
@media screen and (min-width: 767px) {
  .header {
    padding: 0 30px;
  }
}
@media screen and (min-width: 1008px) {
  .header {
    align-items: flex-start;
    height: 86px;
  }
  .header.nooma .logo,
  .header.nooma li a {
    filter: saturate(100%);
    color: #c9553e;
  }
  .header.nooma a.btn {
    background-color: #c9553e;
  }
  .header.szplin .logo,
  .header.szplin li a {
    color: #e63c53;
  }
  .header.szplin a.btn {
    background-color: #e63c53;
  }
  .header.olszynka .logo,
  .header.olszynka li a {
    color: #333e1f;
  }
  .header.olszynka a.btn {
    background-color: #333e1f;
  }
  .header.miodu .logo,
  .header.miodu li a {
    color: #e5a719;
  }
  .header.miodu a.btn {
    background-color: #e5a719;
  }
  .header.nooma a.btn, .header.szplin a.btn, .header.olszynka a.btn, .header.miodu a.btn {
    color: #000;
  }
}
.header * {
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
}
.header *::-moz-selection {
  background: #fff;
  color: #1A1A1A;
}
.header *::selection {
  background: #fff;
  color: #1A1A1A;
}
@media screen and (max-width: 1007px) {
  .header__wrap {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1008px) {
  .header__wrap {
    display: flex;
    align-items: flex-start;
    padding: 20px;
  }
  .header__wrap ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 50px;
  }
  .header__wrap ul li:first-of-type {
    margin-bottom: 5px;
  }
  .header__wrap ul a {
    color: #fff;
    font-size: 17px;
    font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
    transition: 0.3s ease-out;
  }
  .header__wrap ul a:hover {
    color: #b3b3b3;
  }
  .header__wrap ul a:active {
    color: gray;
  }
}
.header .logo {
  padding: 15px 20px;
  font-size: 25px;
  text-transform: uppercase;
  color: #fff;
}
.header .logo span {
  letter-spacing: -2px;
}
@media screen and (min-width: 1008px) {
  .header .logo {
    padding: 20px;
  }
}
.header__menu {
  padding: 15px 20px;
  width: 70px;
  height: 60px;
  position: relative;
  transition: 0.3s ease-out;
  transform: none;
  cursor: pointer;
}
.header__menu span {
  width: 30px;
  height: 3px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 20px;
  transition: 0.3s ease-out;
}
.header__menu span:first-of-type {
  top: 24px;
}
.header__menu span:last-of-type {
  bottom: 24px;
}
.header__menu.active {
  transform: rotate(45deg);
  transition: 0.3s 0.3s cubic-bezier(0, -1, 0, 2);
  transition-delay: 0.3s;
}
.header__menu.active span {
  transition: 0.3s cubic-bezier(0, -1, 0, 2);
}
.header__menu.active span:first-of-type {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header__menu.active span:last-of-type {
  top: 29px;
  bottom: auto;
  transform: rotate(90deg);
}
@media screen and (min-width: 1008px) {
  .header__menu {
    display: none;
    visibility: hidden;
  }
}

.footer {
  padding: 0 0 20px 0;
}
@media screen and (max-width: 1007px) {
  .footer .container > a {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1008px) {
  .footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer ul {
  display: flex;
}
@media screen and (max-width: 1007px) {
  .footer ul {
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1008px) {
  .footer ul li {
    margin-right: 20px;
  }
  .footer ul li:first-of-type {
    display: none;
    visibility: hidden;
  }
  .footer ul li:last-of-type {
    margin-right: 0;
  }
}

.btn {
  border-radius: 25px;
  font-size: 15px;
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
  background-color: #1A1A1A;
  color: #fff;
  padding: 8px 22px;
  display: inline-block;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn:hover {
  background-color: #343434;
}
.btn:active {
  background-color: #404040;
}
.btn.white {
  background-color: #fff;
  color: #000;
}
.btn.white:hover {
  background-color: #b3b3b3;
}
.btn.white:active {
  background-color: gray;
}
.btn.round {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  transition: 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.btn.round path {
  transition: 0.3s ease-in-out;
}
.btn.round.black {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
}
.btn.round.black path {
  stroke: #fff;
  transform: rotate(0deg);
}
.btn.round.black:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn.round.black:hover path {
  stroke: #1A1A1A;
}
.btn.round.black.outline {
  background-color: transparent;
  border-color: #1A1A1A;
}
.btn.round.black.outline path {
  stroke: #1A1A1A;
}
.btn.round.black.outline:hover {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
}
.btn.round.black.outline:hover path {
  stroke: #fff;
}
.btn.round.black.outline.fill path {
  stroke: none;
  fill: #1A1A1A;
}
.btn.round.black.outline.fill:hover path {
  fill: #fff;
}
.btn.round.white {
  background-color: #fff;
  border-color: #fff;
}
.btn.round.white path {
  stroke: #1A1A1A;
  transform: rotate(0deg);
}
.btn.round.white:hover {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
}
.btn.round.white:hover path {
  stroke: #fff;
}

.nav {
  background-color: rgba(26, 26, 26, 0);
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  opacity: 0;
  position: fixed;
  top: -100%;
  left: -100%;
  left: 0;
  width: 100%;
  min-width: 101vw;
  height: 100%;
  min-height: 100vh;
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 10;
}
.nav.visible {
  background-color: rgba(26, 26, 26, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 1;
  left: 0;
  top: 0;
}
.nav.visible li a,
.nav.visible .nav__header {
  opacity: 1;
}
.nav li {
  margin-bottom: 20px;
}
.nav li a {
  color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: 0.3s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
.nav__header {
  opacity: 0;
  transition: 0.3s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: static;
}

.cursor {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 2px solid transparent;
  background-color: #1A1A1A;
  transition: all 200ms ease-out, height 300ms ease-out, width 300ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
  z-index: 25;
}
.cursor.click {
  width: 25px;
  height: 25px;
}
.cursor.hover {
  width: 35px;
  height: 35px;
  background-color: #fff;
  mix-blend-mode: difference;
  border: none;
  transition: all 200ms ease-out, height 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), width 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.cursor.hover.click {
  width: 50px;
  height: 50px;
  transition: all 200ms ease-out, height 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), width 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.cursor.project {
  background-color: #fff;
  mix-blend-mode: normal;
  opacity: 0 !important;
}
.cursor.project.hover {
  mix-blend-mode: normal;
  opacity: 1;
}
.cursor.project.click {
  background-color: #1A1A1A;
  opacity: 1;
}
.cursor.project-name {
  mix-blend-mode: difference;
  opacity: 1;
}
.cursor.project-name.project.hover {
  mix-blend-mode: difference;
  opacity: 1 !important;
}
.cursor::before {
  color: #fff;
  font-size: 5px;
  text-align: center;
  max-width: 115px;
  transition: 0.5s;
  line-height: 100%;
  opacity: 0;
}
@media screen and (max-width: 1007px) {
  .cursor {
    display: none;
    visibility: hidden;
  }
}

@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
  .cursor {
    display: none !important;
    visibility: hidden !important;
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .cursor {
      display: none !important;
      visibility: hidden !important;
    }
  }
}
body.menu .cursor.hover.menu {
  mix-blend-mode: difference;
  width: 50px;
  height: 50px;
  background-color: #fff;
}
body.menu .cursor.hover.menu.click {
  width: 75px;
  height: 75px;
}
@media screen and (max-width: 1007px) {
  body.menu .cursor {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1008px) {
  body.menu .header__item:hover {
    color: #fff;
  }
  body.menu .header__item:hover .line {
    background-color: #fff;
  }
  body.menu .header__item:hover .fill {
    fill: #fff;
  }
}

*::-moz-selection {
  background: #1A1A1A;
  color: #fff;
}

*::selection {
  background: #1A1A1A;
  color: #fff;
}

body.homepage {
  background-color: #E6E6E6;
}
body.homepage .hero {
  min-height: 720px;
  position: relative;
}
@media screen and (max-width: 359px) {
  body.homepage .hero {
    padding: 240px 0 0 0;
  }
}
@media screen and (min-width: 360px) {
  body.homepage .hero {
    padding: 250px 0 0 0;
  }
}
@media screen and (min-width: 390px) {
  body.homepage .hero {
    padding: 310px 0 0 0;
  }
}
@media screen and (min-width: 414px) {
  body.homepage .hero {
    padding: 234px 0 0 0;
  }
}
@media screen and (min-width: 767px) {
  body.homepage .hero {
    padding: 0;
  }
  body.homepage .hero .container {
    height: 100vh;
    min-height: 1000px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
body.homepage .hero h1 {
  line-height: 1.2;
  font-size: 34px;
  text-transform: uppercase;
  transform: translateY(100%) rotateX(-80deg);
  transform-origin: center top;
  transform-style: preserve-3d;
  opacity: 0;
  transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.homepage .hero h1.is-inview {
  transform: none;
  opacity: 1;
  transition-duration: 1s;
}
@media screen and (min-width: 1008px) {
  body.homepage .hero h1.cookie.is-inview {
    transform: translateY(100%) rotateX(-80deg);
    transform-origin: center top;
    transform-style: preserve-3d;
    opacity: 0;
  }
  body.homepage .hero h1.cookie.is-inview.animation {
    transform: none;
    opacity: 1;
    transition: opacity 1s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
body.homepage .hero h1 span {
  display: inline-block;
  width: 100px;
  height: 51px;
  background-color: #fbfbfb;
  border-radius: 10px;
  transform: translatey(8px);
  background: url("../img/maciejdym-mob.png"), #fbfbfb;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px;
}
@media screen and (min-width: 300px) and (max-width: 339px) {
  body.homepage .hero h1 {
    font-size: 32px;
  }
  body.homepage .hero h1 span {
    transform: translatey(12px) scale(0.8);
    margin-left: 0;
  }
}
@media screen and (min-width: 340px) and (max-width: 349px) {
  body.homepage .hero h1 {
    font-size: 38px;
  }
  body.homepage .hero h1 span {
    transform: translatey(8px) scale(0.9);
  }
}
@media screen and (min-width: 350px) and (max-width: 369px) {
  body.homepage .hero h1 {
    font-size: 40px;
  }
  body.homepage .hero h1 span {
    transform: translatey(8px) scale(0.9);
  }
}
@media screen and (min-width: 370px) {
  body.homepage .hero h1 {
    font-size: 42px;
  }
}
@media screen and (min-width: 388px) {
  body.homepage .hero h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 766px) {
  body.homepage .hero h1 {
    margin-bottom: 550px;
  }
}
@media screen and (min-width: 767px) {
  body.homepage .hero h1 {
    font-size: 90px;
    line-height: 1;
    font-weight: 400;
  }
  body.homepage .hero h1 span {
    width: 300px;
    height: 83px;
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .hero h1 {
    font-size: 115px;
    letter-spacing: -2px;
    line-height: 0.9;
  }
  body.homepage .hero h1 span {
    width: 255px;
    height: 100px;
    background: url("../img/maciejdym-desktop.png"), #fbfbfb;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 20px;
  }
}
body.homepage .hero .btn {
  position: absolute;
  top: calc(100vh - 70px);
  left: 20px;
  z-index: 2;
}
@media screen and (min-width: 767px) {
  body.homepage .hero .btn {
    right: 50px;
    left: auto;
  }
}
body.homepage .hero p {
  transform: translateY(100%) rotateX(-80deg);
  transform-origin: center top;
  transform-style: preserve-3d;
  opacity: 0;
  transition: opacity 0s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.homepage .hero p.is-inview {
  transform: none;
  opacity: 1;
  transition-duration: 1s;
  transition-delay: 0.15s;
}
@media screen and (min-width: 767px) and (max-width: 1007px) {
  body.homepage .hero p {
    position: absolute;
    top: calc(100vh - 92px);
    max-width: 600px;
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .hero p {
    max-width: 534px;
    position: relative;
  }
  body.homepage .hero p.cookie.is-inview {
    transform: translateY(100%) rotateX(-80deg);
    transform-origin: center top;
    transform-style: preserve-3d;
    opacity: 0;
  }
  body.homepage .hero p.cookie.is-inview.animation {
    transform: none;
    opacity: 1;
    transition: opacity 1s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .hero .container {
    min-height: 750px;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
  }
  body.homepage .hero .container::before {
    content: "";
  }
  body.homepage .hero .container::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='902' height='452' viewBox='0 0 902 452' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:difference' opacity='0.05'%3E%3Cpath d='M1.00002 1V0.625H0.62502L0.62502 1L1.00002 1ZM1 451H0.625L0.625 451.375H1V451ZM901 1H901.375V0.625H901V1ZM901 451V451.375H901.375V451H901ZM1 51.375H901V50.625H1V51.375ZM1 101.375H901V100.625H1V101.375ZM1 151.375H901V150.625H1V151.375ZM1 201.375H901V200.625H1V201.375ZM1 251.375H901V250.625H1V251.375ZM1 301.375H901V300.625H1V301.375ZM1 351.375H901V350.625H1V351.375ZM1 401.375H901V400.625H1V401.375ZM0.62502 1L0.625 451H1.375L1.37502 1L0.62502 1ZM50.625 1L50.625 451H51.375L51.375 1L50.625 1ZM100.625 1L100.625 451H101.375L101.375 1L100.625 1ZM150.625 1L150.625 451H151.375L151.375 1L150.625 1ZM200.625 1L200.625 451H201.375L201.375 1L200.625 1ZM250.625 1L250.625 451H251.375L251.375 1L250.625 1ZM300.625 1L300.625 451H301.375L301.375 1L300.625 1ZM350.625 1L350.625 451H351.375L351.375 1L350.625 1ZM400.625 1L400.625 451H401.375L401.375 1L400.625 1ZM450.625 1L450.625 451H451.375L451.375 1L450.625 1ZM500.625 1L500.625 451H501.375L501.375 1L500.625 1ZM550.625 1V451H551.375V1H550.625ZM600.625 1V451H601.375V1H600.625ZM650.625 1V451H651.375V1H650.625ZM700.625 1V451H701.375V1H700.625ZM750.625 1V451H751.375V1H750.625ZM800.625 1V451H801.375V1H800.625ZM850.625 1V451H851.375V1H850.625ZM1.00002 1.375H901V0.625H1.00002V1.375ZM900.625 1V451H901.375V1H900.625ZM901 450.625H1V451.375H901V450.625Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 65%;
    height: 100%;
    min-height: 450px;
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translatey(-50%);
    mix-blend-mode: difference;
    opacity: 0.5;
  }
}
body.homepage .projects {
  margin: 250px 0;
}
@media screen and (min-width: 1008px) {
  body.homepage .projects {
    margin: 515px 0;
  }
}
body.homepage .projects > * {
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
}
body.homepage .projects .container {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 1008px) {
  body.homepage .projects .container {
    padding-top: 86px;
    padding-bottom: 86px;
  }
  body.homepage .projects .container:hover .project {
    z-index: 2;
  }
  body.homepage .projects .container:hover .project:hover .project__meta {
    position: relative;
    z-index: 7;
  }
  body.homepage .projects .container:hover .project:hover .project__meta .project__name h2 {
    color: #fff;
  }
  body.homepage .projects .container:hover .project:hover .project__meta .project__name h2:hover {
    color: #1A1A1A;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.link {
    color: #fff;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.link:hover {
    color: #1A1A1A;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.link.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.btn.round {
    background-color: #fff;
    border-color: #fff;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.btn.round path {
    stroke: #1A1A1A;
    transform: rotate(0deg);
    transform-origin: center;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.btn.round:hover {
    background-color: #1A1A1A;
    border-color: #1A1A1A;
  }
  body.homepage .projects .container:hover .project:hover .project__meta a.btn.round:hover path {
    stroke: #fff;
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project {
    margin-bottom: 300px;
    transform: scale(0.8);
    transition: 0.5s ease-in-out;
  }
}
@media screen and (max-width: 1007px) and (min-width: 767px) {
  body.homepage .projects .project {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project__name {
    flex-basis: calc(100% - 70px);
  }
  body.homepage .projects .project__name h2 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 0.9;
  }
}
@media screen and (max-width: 1007px) and (max-width: 1007px) {
  body.homepage .projects .project__btn-wrap li:first-of-type, body.homepage .projects .project__btn-wrap li:nth-of-type(2) {
    display: none;
  }
}
@media screen and (max-width: 1007px) and (min-width: 1008px) {
  body.homepage .projects .project__btn-wrap li a {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project__image {
    border-radius: 30px;
    overflow: hidden;
    display: block;
    isolation: isolate;
  }
  body.homepage .projects .project__image img {
    transform: scale(1.5);
    filter: grayscale(1);
    transition: 0.35s 0.15s ease-in-out;
  }
}
@media screen and (max-width: 1007px) and (min-width: 767px) {
  body.homepage .projects .project__image img {
    transform: scale(1.15);
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project.is-inview {
    transform: scale(1);
  }
  body.homepage .projects .project.is-inview .project__image img {
    filter: grayscale(0);
  }
}
@media screen and (max-width: 1007px) and (min-width: 767px) {
  body.homepage .projects .project.is-inview .project__image img {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 1007px) {
  body.homepage .projects .project .desktop-img {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .projects .project {
    width: 100%;
    border-top: 2px solid #1A1A1A;
    transition: 0.5s ease-in-out;
    padding: 0 50px;
    opacity: 0;
  }
  body.homepage .projects .project.is-inview {
    padding: 0 5px;
    opacity: 1;
  }
  body.homepage .projects .project:hover {
    padding: 0 25px;
    transition: padding 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  body.homepage .projects .project:last-of-type {
    border-bottom: 2px solid #1A1A1A;
  }
  body.homepage .projects .project__meta {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  body.homepage .projects .project__name {
    padding: 100px 0;
    flex-basis: 70%;
  }
  body.homepage .projects .project__name h2 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -2px;
    transition: 0.3s ease-in-out;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative;
    white-space: nowrap;
  }
  body.homepage .projects .project__name h2::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 100px;
    width: calc(100% + 75px);
    height: calc(100% + 16px);
    z-index: -1;
    transition: 0.3s ease-out;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  body.homepage .projects .project__name h2:hover::before {
    transition: 0.3s ease-in;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
@media screen and (min-width: 1008px) and (min-width: 1260px) {
  body.homepage .projects .project__name h2 {
    font-size: 70px;
  }
}
@media screen and (min-width: 1008px) and (min-width: 1410px) {
  body.homepage .projects .project__name h2 {
    font-size: 90px;
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .projects .project__btn-wrap {
    display: flex;
    align-items: stretch;
  }
  body.homepage .projects .project__btn-wrap li {
    margin-right: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  body.homepage .projects .project__btn-wrap li:last-of-type {
    margin-right: 0;
  }
  body.homepage .projects .project__btn-wrap li a.link {
    font-size: 17px;
    transition: 0.3s ease-out;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
  }
  body.homepage .projects .project__btn-wrap li a.link::after {
    content: "";
    position: absolute;
    width: calc(100% + 44px);
    height: 34px;
    border-radius: 25px;
    display: block;
    background-color: rgba(255, 255, 255, 0);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: -1;
    transition: 0.3s ease-out;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  body.homepage .projects .project__btn-wrap li a.link:hover::after {
    transition: 0.3s ease-in;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  body.homepage .projects .project__btn-wrap li a.link:focus {
    color: gray;
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .projects .project__image {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 1008px) {
  body.homepage .projects .project span {
    visibility: hidden;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 800px;
    opacity: 0;
    transition: opacity 0.5s 0.02s ease-in-out;
    z-index: 5;
  }
  body.homepage .projects .project span.visible {
    visibility: visible;
    opacity: 1;
  }
  body.homepage .projects .project span img,
  body.homepage .projects .project span lottie-player {
    position: relative;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.03);
  }
}
body.homepage .scrollcontainer {
  transition: background-color 1s;
}
@media screen and (min-width: 1008px) {
  body.homepage .scrollcontainer.nooma {
    background-color: #c9553e !important;
    transition: background-color 0.3s 0.2s ease-in-out;
  }
  body.homepage .scrollcontainer.szplin {
    background-color: #e63c53 !important;
    transition: background-color 0.3s 0.2s ease-in-out;
  }
  body.homepage .scrollcontainer.miodu {
    background-color: #e5a719 !important;
    transition: background-color 0.3s 0.2s ease-in-out;
  }
  body.homepage .scrollcontainer.olszynka {
    background-color: #333e1f !important;
    transition: background-color 0.3s 0.2s ease-in-out;
  }
  body.homepage .scrollcontainer.vvidoki {
    background-color: hsl(0, 0%, 30%) !important;
    transition: background-color 0.3s 0.2s ease-in-out;
  }
}

body.homepage .contact,
body.about .contact {
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
  padding: 0 0 180px 0;
}
body.homepage .contact h2,
body.about .contact h2 {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 30px;
  text-transform: uppercase;
}
@media screen and (min-width: 1008px) {
  body.homepage .contact h2,
  body.about .contact h2 {
    font-size: 90px;
    text-transform: uppercase;
    font-weight: 400;
    max-width: 1240px;
  }
}
body.homepage .contact a,
body.about .contact a {
  font-size: 20px;
  line-height: 1.5;
}
@media screen and (min-width: 1008px) {
  body.homepage .contact a,
  body.about .contact a {
    font-size: 35px;
  }
}

body.project {
  background-color: #1A1A1A;
}
body.project section {
  background-color: #fff;
}
@media screen and (min-width: 1720px) {
  body.project section .container {
    max-width: 1510px;
    margin: 0 auto;
  }
}
body.project .hero .container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #E6E6E6;
  width: calc(100% - 35px);
  min-height: 550px;
  border-radius: 0px 0px 30px 0px;
  position: relative;
}
@media screen and (min-width: 767px) {
  body.project .hero .container {
    width: calc(100% - 50px);
  }
}
@media screen and (min-width: 1008px) {
  body.project .hero .container {
    width: calc(100% - 100px);
    padding: 0 100px 0 210px;
  }
}
@media screen and (min-width: 1720px) {
  body.project .hero .container {
    border-radius: 0px 0px 30px 30px;
  }
}
body.project .hero h1 {
  text-transform: uppercase;
  font-size: 45px;
  line-height: 0.85;
  font-weight: 400;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media screen and (min-width: 767px) {
  body.project .hero h1 {
    font-size: 70px;
  }
}
@media screen and (min-width: 1008px) {
  body.project .hero h1 {
    font-size: 100px;
    line-height: 0.7;
  }
}
body.project .hero span {
  display: block;
  height: 100%;
  flex: 1;
  min-height: 73px;
  border-radius: 20px;
  margin-left: 20px;
  background-size: cover;
  background-position: center;
}
body.project .hero span.nooma {
  background-image: url("../img/projects/noo-ma/nooma-min.webp");
}
body.project .hero span.szplin {
  background-image: url("../img/projects/szplin-ramps/szplin-min.webp");
}
body.project .hero span.olszynka {
  background-image: url("../img/projects/osiedle-olszynka/olszynka-min.webp");
}
body.project .hero span.miodu {
  background-image: url("../img/projects/miodu-warte/miodu-min.webp");
}
body.project .hero span.vvidoki {
  background-image: url("../img/projects/vvidoki/vvidoki-min.png");
}
@media screen and (min-width: 767px) {
  body.project .hero span {
    max-width: 219px;
    min-height: 95px;
    transform: translateY(-4px);
  }
}
@media screen and (min-width: 1008px) {
  body.project .hero span {
    min-height: 130px;
    margin-left: 50px;
  }
}
body.project .hero a.btn {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
body.project .hero a.btn:hover {
  border-color: #1A1A1A;
  background-color: #E6E6E6;
}
body.project .hero a.btn:hover path {
  stroke: #1A1A1A;
}
body.project .hero a.btn:active {
  border-color: #1A1A1A;
  background-color: #fff;
}
body.project .hero a.btn:active path {
  stroke: #1A1A1A;
}
@media screen and (min-width: 1008px) {
  body.project .hero a.btn {
    width: 100px;
    height: 100px;
  }
  body.project .hero a.btn svg {
    transform: scale(1.5);
  }
}
body.project .text-block {
  padding: 300px 0;
}
@media screen and (min-width: 1008px) {
  body.project .text-block {
    padding: 200px 0;
  }
  body.project .text-block#overview {
    flex-direction: column;
  }
  body.project .text-block#overview .text-block__paragraph {
    flex-basis: 550px;
  }
  body.project .text-block#overview .text-block__paragraph:last-of-type {
    margin-top: 20px;
  }
  body.project .text-block#summer-update .text-block__paragraph {
    flex-basis: 100%;
  }
}
body.project .text-block .container {
  width: calc(100% - 35px);
}
@media screen and (min-width: 767px) {
  body.project .text-block .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1008px) {
  body.project .text-block .container {
    padding: 0 270px 0 210px;
    width: 100%;
  }
}
@media screen and (max-width: 766px) {
  body.project .text-block p + p {
    margin-top: 100px;
  }
}
body.project .text-block p {
  font-weight: 400;
  color: #1A1A1A;
}
body.project .text-block .nooma-link {
  color: #c9553e;
  font-weight: 600;
  transition: 0.3s;
}
body.project .text-block .nooma-link:hover {
  color: #a52c14;
}
body.project .text-block h2 {
  text-transform: uppercase;
  font-size: 45px;
  line-height: 0.95;
  margin-bottom: 300px;
  font-weight: 400;
}
@media screen and (min-width: 767px) {
  body.project .text-block h2 {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 1008px) {
  body.project .text-block h2 {
    font-size: 100px;
    margin-bottom: 200px;
  }
}
body.project .text-block h3 {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (min-width: 767px) {
  body.project .text-block h3 {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 766px) {
  body.project .text-block__paragraph:nth-of-type(2) {
    margin-top: 100px;
  }
}
body.project .text-block__paragraph.margin-top {
  margin-top: 300px;
}
@media screen and (min-width: 767px) {
  body.project .text-block__paragraph.margin-top {
    margin-top: 0;
    flex-basis: 100%;
  }
}
@media screen and (min-width: 767px) {
  body.project .text-block__paragraph {
    flex-basis: calc(50% - 25px);
  }
}
@media screen and (min-width: 1008px) {
  body.project .text-block__paragraph {
    flex-basis: calc(50% - 50px);
  }
}
@media screen and (min-width: 1440px) {
  body.project .text-block__paragraph:first-of-type {
    flex-basis: 500px;
  }
  body.project .text-block__paragraph:last-of-type {
    flex-basis: 430px;
  }
}
body.project .text-block ul {
  list-style-position: outside;
  padding-left: 15px;
}
body.project .text-block li {
  list-style: disc;
  font-family: "Figtree", sans-serif;
  line-height: 1.5;
  margin-bottom: 5px;
}
body.project .img-block .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 766px) {
  body.project .img-block .container {
    flex-direction: column;
  }
}
@media screen and (min-width: 767px) {
  body.project .img-block .container {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1008px) {
  body.project .img-block .container {
    align-items: flex-start;
    padding: 0 100px;
  }
}
body.project .img-block .item {
  background-color: #E6E6E6;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 766px) {
  body.project .img-block .item {
    margin-bottom: 20px;
  }
  body.project .img-block .item:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 1007px) {
  body.project .img-block .item {
    width: 100%;
    flex-basis: 100%;
  }
}
@media screen and (min-width: 767px) {
  body.project .img-block .item {
    margin-bottom: 50px;
  }
  body.project .img-block .item:last-of-type {
    margin-bottom: 0;
  }
  body.project .img-block .item.ko9juh7g {
    align-items: center;
    align-self: stretch;
  }
}
@media screen and (min-width: 1008px) {
  body.project .img-block .item {
    border-radius: 30px;
    margin-bottom: 100px;
    align-self: stretch;
  }
  body.project .img-block .item.adi876v5 {
    margin-bottom: 0;
  }
  body.project .img-block .item.desktop-45 {
    flex-basis: calc(45% - 50px);
  }
  body.project .img-block .item.desktop-50 {
    flex-basis: calc(50% - 50px);
  }
  body.project .img-block .item.desktop-55 {
    flex-basis: calc(55% - 50px);
  }
}
body.project .img-block .item img,
body.project .img-block .item lottie-player,
body.project .img-block .item video {
  overflow: hidden;
  isolation: isolate;
  width: 100%;
}
body.project .img-block .item.transparent {
  background: transparent;
}
body.project .img-block .item.center-center {
  justify-content: center;
  align-items: center;
  padding: 30px;
}
body.project .img-block .item.center-center img,
body.project .img-block .item.center-center lottie-player,
body.project .img-block .item.center-center video {
  border-radius: 15px;
}
@media screen and (min-width: 767px) {
  body.project .img-block .item.center-center {
    padding: 50px;
  }
}
@media screen and (min-width: 1008px) {
  body.project .img-block .item.center-center {
    padding: 100px;
  }
}
body.project .img-block .item.bottom-center {
  justify-content: center;
  align-items: flex-end;
  padding: 30px 30px 0;
}
body.project .img-block .item.bottom-center img,
body.project .img-block .item.bottom-center lottie-player,
body.project .img-block .item.bottom-center video {
  border-radius: 15px 15px 0 0;
}
@media screen and (min-width: 767px) {
  body.project .img-block .item.bottom-center {
    padding: 50px 50px 0;
  }
}
@media screen and (min-width: 1008px) {
  body.project .img-block .item.bottom-center {
    padding: 100px 100px 0;
  }
}
body.project .img-block .item.center-right {
  justify-content: flex-end;
  align-items: center;
  padding: 30px 0px 30px 30px;
}
body.project .img-block .item.center-right img,
body.project .img-block .item.center-right lottie-player,
body.project .img-block .item.center-right video {
  border-radius: 15px 0 0 15px;
}
@media screen and (min-width: 767px) {
  body.project .img-block .item.center-right {
    padding: 50px 0px 50px 50px;
  }
}
@media screen and (min-width: 1008px) {
  body.project .img-block .item.center-right {
    padding: 100px 0px 100px 100px;
  }
}
body.project .img-block .item.center-left {
  justify-content: flex-start;
  align-items: center;
  padding: 50px 50px 50px 0px;
}
body.project .img-block .item.center-left img,
body.project .img-block .item.center-left lottie-player,
body.project .img-block .item.center-left video {
  border-radius: 0 15px 15px 0;
}
@media screen and (min-width: 767px) {
  body.project .img-block .item.center-left {
    padding: 50px 50px 50px 0px;
  }
}
@media screen and (min-width: 1008px) {
  body.project .img-block .item.center-left {
    padding: 100px 100px 100px 0px;
  }
}
@media screen and (max-width: 766px) {
  body.project .img-block .item.scale img {
    transform: scale(1.2);
  }
}
@media screen and (max-width: 1007px) {
  body.project .img-block .item.desktop {
    display: none;
    visibility: hidden;
  }
}
body.project .wide-img {
  margin-top: -1px;
}
body.project .wide-img.right .container {
  padding-right: 0;
}
@media screen and (min-width: 1008px) {
  body.project .wide-img.right .container {
    padding-left: 100px;
  }
}
body.project .wide-img.right .wide-img__overflow {
  border-radius: 30px 0px 0px 30px;
}
body.project .wide-img.left .container {
  padding-left: 0;
}
@media screen and (min-width: 1008px) {
  body.project .wide-img.left .container {
    padding-right: 100px;
  }
}
body.project .wide-img.left .wide-img__overflow {
  border-radius: 0px 30px 30px 0px;
}
body.project .wide-img.left .wide-img__overflow, body.project .wide-img.right .wide-img__overflow {
  overflow: hidden;
  transform: translateZ(0);
  isolation: isolate;
}
@media screen and (min-width: 1720px) {
  body.project .wide-img.left .container, body.project .wide-img.right .container {
    padding: 0 100px;
  }
  body.project .wide-img.left .wide-img__overflow, body.project .wide-img.right .wide-img__overflow {
    border-radius: 30px;
  }
}
body.project .wide-img img {
  transform: scale(1.1);
}
body.project .pagination {
  background-color: #E6E6E6;
  padding-bottom: 220px;
}
body.project .pagination::before {
  content: "";
  background: linear-gradient(180deg, #ffffff 0%, #e6e6e6 100%);
  height: 300px;
  width: 100%;
  display: block;
}
body.project .pagination .container {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 766px) {
  body.project .pagination .container {
    flex-direction: column;
  }
}
@media screen and (min-width: 1008px) {
  body.project .pagination .container {
    padding: 0 100px;
    justify-content: space-between;
  }
}
body.project .pagination__item {
  display: flex;
  align-items: center;
  width: 100%;
  transition: 0.3s;
}
body.project .pagination__item--next {
  justify-content: flex-end;
}
@media screen and (max-width: 766px) {
  body.project .pagination__item--next {
    margin-bottom: 50px;
  }
}
body.project .pagination__item--next span.btn {
  margin-left: 20px;
}
body.project .pagination__item--next .name {
  text-align: right;
}
@media screen and (min-width: 767px) {
  body.project .pagination__item--next {
    order: 2;
  }
}
@media screen and (min-width: 1008px) {
  body.project .pagination__item--next:hover span.btn {
    margin-left: 10px;
  }
}
body.project .pagination__item--prev {
  justify-content: flex-start;
}
body.project .pagination__item--prev span.btn {
  margin-right: 20px;
}
@media screen and (min-width: 767px) {
  body.project .pagination__item--prev {
    order: 1;
  }
}
@media screen and (min-width: 1008px) {
  body.project .pagination__item--prev:hover span.btn {
    margin-right: 10px;
  }
}
body.project .pagination__item--name {
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 400;
  flex-basis: calc(100% - 70px);
  font-family: "PowerGrotesk-Medium", Helvetica, Arial, Sans-Serif;
}
@media screen and (min-width: 1008px) {
  body.project .pagination__item--name {
    font-size: 50px;
  }
}
body.project .pagination__item a.btn {
  flex-basis: 50px;
}
@media screen and (min-width: 1008px) {
  body.project .pagination__item span.btn {
    transition: 0.3s;
  }
  body.project .pagination__item .name {
    line-height: 0.8;
    white-space: nowrap;
  }
  body.project .pagination__item:hover {
    padding: 0 5px;
  }
  body.project .pagination__item:hover span.btn {
    background-color: #1A1A1A;
  }
  body.project .pagination__item:hover span.btn path {
    stroke: #fff;
  }
}
body.project .footer {
  background-color: #E6E6E6;
}
@media screen and (min-width: 767px) and (max-width: 1007px) {
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-07.webp"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-10.webp"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-11.webp"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-13.webp"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-07.png"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-10.png"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-11.png"],
  body.project.noo-ma .item img[src="img/projects/noo-ma/nooma-13.png"] {
    max-width: 350px;
  }
}
@media screen and (min-width: 1008px) {
  body.project.noo-ma .item.s78ytadsn {
    padding: 50px 0 0 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1008px) and (min-width: 1720px) {
  body.project.noo-ma .item.oksdj9hu img {
    filter: contrast(0.97);
  }
}
body.project.noo-ma lottie-player,
body.project.noo-ma video {
  min-height: 150px;
}
@media screen and (min-width: 1008px) {
  body.project.noo-ma lottie-player,
  body.project.noo-ma video {
    min-height: 620px;
  }
}
@media screen and (max-width: 766px) {
  body.project.szplin-ramps .hero h1 {
    max-width: 160px;
  }
  body.project.szplin-ramps .hero span {
    min-height: 93px;
  }
}
@media screen and (max-width: 766px) {
  body.project.szplin-ramps .bdfn978s {
    margin: 300px 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 1007px) {
  body.project.szplin-ramps .adiv67sj {
    margin: 0 0 0 50%;
  }
}
@media screen and (min-width: 1008px) {
  body.project.szplin-ramps .okj8du09,
  body.project.szplin-ramps .adiv67sj {
    margin-top: 100px;
    transition: 0.2s;
  }
  body.project.szplin-ramps .okj8du09 {
    position: relative;
    overflow: visible;
  }
  body.project.szplin-ramps .okj8du09 img {
    position: absolute;
    top: 0;
    left: -100px;
    width: auto;
    max-width: none;
    height: 125%;
    max-height: none;
  }
}
body.project.szplin-ramps lottie-player,
body.project.szplin-ramps video {
  min-height: 150px;
}
@media screen and (min-width: 1008px) {
  body.project.szplin-ramps lottie-player,
  body.project.szplin-ramps video {
    min-height: 600px;
  }
}
@media screen and (min-width: 1720px) {
  body.project.szplin-ramps lottie-player,
  body.project.szplin-ramps video {
    min-height: 661px;
  }
}
@media screen and (max-width: 766px) {
  body.project.osiedle-olszynka h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1008px) {
  body.project.osiedle-olszynka h1 {
    line-height: 0.9;
  }
}
@media screen and (min-width: 1008px) {
  body.project.osiedle-olszynka .hero span {
    min-width: 320px;
    min-height: 190px;
    max-width: 320px;
    max-height: 190px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1240px) {
  body.project.miodu-warte h1 {
    line-height: 0.9;
    font-size: 75px;
    max-width: 50%;
  }
}
body.project.osiedle-olszynka .img-block, body.project.miodu-warte .img-block {
  padding-top: 20px;
}
@media screen and (min-width: 1008px) {
  body.project.osiedle-olszynka .img-block, body.project.miodu-warte .img-block {
    padding-top: 100px;
  }
}
body.project .text-block .text-block__paragraph,
body.project .text-block h2,
body.project .text-block h3[data-scroll],
body.project .img-block .item {
  opacity: 0;
  transform: translatey(50px) scale(0.95);
  transition: 0.75s;
}
body.project .text-block .text-block__paragraph.is-inview,
body.project .text-block h2.is-inview,
body.project .text-block h3[data-scroll].is-inview,
body.project .img-block .item.is-inview {
  opacity: 1;
  transform: none;
}
body.project .text-block .text-block__paragraph + .text-block__paragraph {
  transition-delay: 0.1s;
}

body.about .scrollcontainer {
  transition: background-color 1s;
}
body.about .bg-span {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50vh;
  display: block;
}
body.about .hero {
  padding: 80px 0;
}
@media screen and (max-width: 766px) {
  body.about .hero {
    min-height: 100vh;
  }
}
@media screen and (min-width: 1008px) {
  body.about .hero {
    padding: 100px 0;
    height: 100vh;
    min-height: 760px;
  }
}
body.about .hero .container {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 766px) {
  body.about .hero .container {
    flex-direction: column;
  }
}
@media screen and (min-width: 767px) and (max-width: 1007px) {
  body.about .hero .container {
    min-height: calc(100vh - 80px);
  }
}
@media screen and (min-width: 767px) {
  body.about .hero .container {
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}
body.about .hero h1,
body.about .hero p {
  color: #fff;
  mix-blend-mode: difference;
}
body.about .hero h1 {
  margin-bottom: 10px;
  font-weight: 400;
}
@media screen and (min-width: 1008px) {
  body.about .hero h1 {
    font-size: 50px;
    line-height: 0.9;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 767px) {
  body.about .hero__item {
    flex-basis: calc(50% - 25px);
  }
}
@media screen and (max-width: 766px) {
  body.about .hero__img {
    order: -1;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1008px) {
  body.about .hero__img {
    flex-basis: calc(33% - 25px);
  }
}
@media screen and (min-width: 1008px) {
  body.about .hero__desc {
    flex-basis: calc(66% - 25px);
  }
  body.about .hero__desc p {
    font-size: 20px;
  }
}
body.about .hero a.btn {
  mix-blend-mode: difference;
}
@media screen and (max-width: 766px) {
  body.about .hero a.btn {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 767px) {
  body.about .hero a.btn {
    position: absolute;
    bottom: 15px;
    left: 50px;
  }
}
@media screen and (min-width: 1008px) {
  body.about .hero a.btn {
    bottom: auto;
    top: calc(100vh - 170px);
  }
}
body.about .about-item {
  padding-bottom: 50vh;
}
@media screen and (min-width: 1008px) {
  body.about .about-item {
    padding-bottom: 0;
  }
}
body.about .about-item .container {
  min-height: 100vh;
}
@media screen and (min-width: 1008px) {
  body.about .about-item .container {
    min-height: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
}
body.about .about-item__heading {
  position: sticky;
  top: 48%;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  mix-blend-mode: difference;
  z-index: 4;
  color: #fff;
}
body.about .about-item__heading h2 {
  text-transform: uppercase;
  font-size: 35px;
}
@media screen and (min-width: 767px) {
  body.about .about-item__heading h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item__heading h2 {
    font-size: 75px;
  }
}
body.about .about-item__heading p + h2 {
  margin-top: 5px;
}
@media screen and (min-width: 1008px) {
  body.about .about-item__heading {
    top: 0;
    height: 100%;
    min-height: 100vh;
  }
}
body.about .about-item__item {
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 100px;
  opacity: 0;
  filter: grayscale(50%) blur(500px) contrast(-50%);
  transition: opacity 0.65s 0.15s ease-in-out, filter 0.85s 0.15s ease-in;
}
body.about .about-item__item.is-inview {
  opacity: 1;
  filter: none;
}
body.about .about-item__item:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 1007px) {
  body.about .about-item__item img,
  body.about .about-item__item video {
    width: 100%;
    max-width: none;
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item__item {
    margin-bottom: 0;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
body.about .about-item__wrap {
  margin-top: 50vh;
}
@media screen and (min-width: 1008px) {
  body.about .about-item__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0;
  }
}
body.about .about-item.heading {
  margin-top: 50vh;
}
@media screen and (min-width: 1008px) {
  body.about .about-item.heading {
    margin-top: 25vh;
  }
  body.about .about-item.heading h2 {
    font-size: 50px;
  }
}
body.about .about-item.heading .container {
  min-height: 50vh;
}
@media screen and (min-width: 1008px) {
  body.about .about-item.heading .container {
    height: auto;
    min-height: 750px;
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item.music .about-item__item:nth-of-type(1) {
    flex-basis: calc(26% - 16px);
  }
  body.about .about-item.music .about-item__item:nth-of-type(2) {
    flex-basis: calc(15% - 16px);
    margin-top: 30vh;
  }
  body.about .about-item.music .about-item__item:nth-of-type(3) {
    flex-basis: calc(30% - 16px);
    margin-top: -5vh;
  }
  body.about .about-item.music .about-item__item:nth-of-type(4) {
    flex-basis: calc(10% - 16px);
    margin-top: 10vh;
  }
  body.about .about-item.music .about-item__item:nth-of-type(5) {
    flex-basis: calc(19% - 16px);
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item.swim .about-item__item:nth-of-type(1) {
    flex-basis: 35%;
    margin-left: 5%;
  }
  body.about .about-item.swim .about-item__item:nth-of-type(2) {
    flex-basis: 40%;
    margin: 10vh 5% 0 15%;
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item.tennis .about-item__item:nth-of-type(1) {
    flex-basis: 35%;
    margin: 8vh 10% 0 5%;
  }
  body.about .about-item.tennis .about-item__item:nth-of-type(2) {
    flex-basis: 25%;
    margin: 0vh 5% 0;
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item.pizza .about-item__item:nth-of-type(1) {
    flex-basis: calc(25% - 20px);
  }
  body.about .about-item.pizza .about-item__item:nth-of-type(2) {
    flex-basis: calc(16% - 20px);
    margin-top: 30vh;
  }
  body.about .about-item.pizza .about-item__item:nth-of-type(3) {
    flex-basis: calc(20% - 20px);
  }
  body.about .about-item.pizza .about-item__item:nth-of-type(4) {
    flex-basis: calc(13% - 20px);
  }
  body.about .about-item.pizza .about-item__item:nth-of-type(5) {
    flex-basis: calc(25% - 20px);
    margin-top: 20vh;
  }
}
@media screen and (min-width: 1008px) {
  body.about .about-item.fun .about-item__item:nth-of-type(1) {
    flex-basis: calc(25% - 16px);
  }
  body.about .about-item.fun .about-item__item:nth-of-type(2) {
    flex-basis: calc(20% - 16px);
  }
  body.about .about-item.fun .about-item__item:nth-of-type(3) {
    flex-basis: calc(13% - 16px);
    margin-top: 18vh;
  }
  body.about .about-item.fun .about-item__item:nth-of-type(4) {
    flex-basis: calc(20% - 16px);
  }
  body.about .about-item.fun .about-item__item:nth-of-type(5) {
    flex-basis: calc(15% - 16px);
    margin: 25vh 0 0;
  }
  body.about .about-item.fun .about-item__item:nth-of-type(6) {
    flex-basis: calc(7% - 16px);
  }
}
body.about .about-item.travel {
  margin-bottom: 75vh;
}
@media screen and (min-width: 1008px) {
  body.about .about-item.travel .about-item__item:nth-of-type(1) {
    flex-basis: calc(35% - 15px);
    margin-top: 10vh;
  }
  body.about .about-item.travel .about-item__item:nth-of-type(2) {
    flex-basis: calc(12% - 15px);
  }
  body.about .about-item.travel .about-item__item:nth-of-type(3) {
    flex-basis: calc(23% - 15px);
    margin-top: 20vh;
  }
  body.about .about-item.travel .about-item__item:nth-of-type(4) {
    flex-basis: calc(30% - 15px);
  }
}/*# sourceMappingURL=base.css.map */