/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./template-parts/blocks/mosaic/mosaic.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/*******************************************/
/*******************************************/
/**
 * Swiper 12.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 28, 2026
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.mosaic {
  position: relative;
  --gap: clamp(16px, 2vw, 31px);
  --radius: 16px;
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic {
    --gap: 16px;
  }
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .container {
    padding-left: 0;
    padding-right: 0;
  }
  .mosaic .mosaic-head {
    padding-left: 11px;
    padding-right: 11px;
  }
  .mosaic .mosaic-grid {
    padding-left: 11px;
  }
}
.mosaic .mosaic-head {
  display: flex;
  padding-bottom: 50px;
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .mosaic-head {
    padding-bottom: 23px;
    flex-direction: column;
    gap: 25px;
  }
}
.mosaic .mosaic-head .title {
  color: #f9f7fd;
  font-family: "Syne", sans-serif;
  text-transform: uppercase;
  min-width: calc(30% + var(--gap));
  padding-right: 100px;
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .mosaic-head .title {
    min-width: 100%;
  }
}
.mosaic .mosaic-head .desc p {
  color: #f9f7fd;
  font-family: "Syne", sans-serif;
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 3.1875rem;
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .mosaic-head .desc p {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
.mosaic .mosaic-grid {
  position: relative;
}
@media (min-width: 48rem) {
  .mosaic .mosaic-grid {
    aspect-ratio: 1.5384615385;
  }
  .mosaic .mosaic-grid.swiper {
    overflow: visible;
  }
}
@media (min-width: 48rem) {
  .mosaic .mosaic-grid .mosaic-grid-inner {
    width: 100%;
    height: 100%;
    display: grid !important;
    flex-wrap: nowrap !important;
    gap: var(--gap);
    grid-template-columns: 30fr 35fr 35fr;
    grid-template-rows: repeat(10, minmax(0, 1fr));
    transform: none !important;
  }
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .mosaic-grid .mosaic-grid-inner {
    gap: 0;
  }
}
.mosaic .mosaic-item {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  isolation: isolate;
}
@media (min-width: 48rem) {
  .mosaic .mosaic-item {
    width: auto !important;
    height: auto !important;
    flex-shrink: 0 !important;
  }
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .mosaic-item {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.6;
  }
}
.mosaic .mosaic-item:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 10, 0.25) 100%);
  mix-blend-mode: multiply;
}
.mosaic .mosaic-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: calc(48rem - 0.99px)) {
  .mosaic .mosaic-img {
    -o-object-position: bottom center;
    object-position: bottom center;
  }
}
@media (min-width: 48rem) {
  .mosaic .mosaic-item--1 {
    grid-column: 1;
    grid-row: 1/span 4;
  }
  .mosaic .mosaic-item--3 {
    grid-column: 1;
    grid-row: 5/span 6;
  }
  .mosaic .mosaic-item--2 {
    grid-column: 2/span 2;
    grid-row: 1/span 7;
  }
  .mosaic .mosaic-item--4 {
    grid-column: 2;
    grid-row: 8/span 3;
  }
  .mosaic .mosaic-item--5 {
    grid-column: 3;
    grid-row: 8/span 3;
  }
}

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