body {
  --monolith-black: #000000;
  --monolith-white: #ffffff;
  --monolith-gray: #3f3f3f;
  --monolith-soft: #d9d9d9;
  background: #d2d2d2;
}

.portfolio-page.monolith-page {
  background: #d2d2d2;
}

.portfolio-page.monolith-page header.nav-bar,
.portfolio-page.monolith-page header.nav-bar.bg {
  background-color: #0e0e0e;
}

.monolith-hero {
  position: relative;
  overflow: hidden;
  color: var(--monolith-white);
  background: #d2d2d2;
}

.monolith-hero__bg,
.monolith-hero__light,
.monolith-hero__film {
  position: absolute;
  pointer-events: none;
}

.monolith-hero__bg {
  inset: 0 0 auto;
  z-index: 0;
  height: calc(1238 / 1920 * 100vw);
  background: linear-gradient(180deg, #000000 0%, #060606 45%, #d2d2d2 100%);
}

.monolith-hero__light {
  top: calc(430.22 / 1920 * 100vw);
  left: calc(703.688 / 1920 * 100vw);
  z-index: 1;
  width: calc(1387.146 / 1920 * 100vw);
  height: calc(849.674 / 1920 * 100vw);
  background: linear-gradient(130deg, #565656 0%, #ffffff 100%);
  clip-path: polygon(2.42% 18.37%, 100% 0%, 94.41% 100%, 0% 33.49%);
  opacity: 0.58;
}

.monolith-hero__film {
  z-index: 1;
  height: auto;
  transform-origin: 0 0;
  user-select: none;
}

.monolith-hero__film--left {
  left: calc(1124.347 / 1920 * 100vw);
  top: auto;
  bottom: 0;
  width: calc(1426 / 1920 * 100vw);
  transform: translateY(177%) matrix(-0.946, -0.326, 0.326, -0.946, 0, 0);
}

.monolith-hero__film--right {
  left: calc(2231.161 / 1920 * 100vw);
  top: auto;
  bottom: 0;
  width: calc(1426 / 1920 * 100vw);
  transform: translateY(115%) rotate(153deg);
}

.monolith-hero__scene {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.monolith-hero__camera {
  position: absolute;
  left: calc(-281 / 1920 * 100vw);
  top: calc(-150 / 1920 * 100vw);
  width: calc(1077 / 1920 * 100vw);
  height: auto;
  z-index: 6;
  pointer-events: none;
}

.monolith-hero__headline {
  position: relative;
  z-index: 7;
  width: calc(940 / 1920 * 100vw);
  margin-left: calc(508 / 1920 * 100vw);
  padding-top: calc(253 / 1920 * 100vw);
}

.monolith-hero__title {
  margin: 0;
  color: var(--monolith-white);
  font-family: var(--font1);
  font-weight: 800;
  line-height: 0.87;
  letter-spacing: 0;
}

.monolith-hero__title span {
  display: block;
  white-space: nowrap;
}

.monolith-hero__title span:nth-child(1) {
  font-size: calc(197 / 1920 * 100vw);
}

.monolith-hero__title span:nth-child(2) {
  margin-left: calc(-43 / 1920 * 100vw);
  font-size: calc(164 / 1920 * 100vw);
}

.monolith-hero__subtitle {
  position: relative;
  z-index: 7;
  margin: calc(56 / 1920 * 100vw) 0 0 calc(309 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(47 / 1920 * 100vw);
  font-weight: 400;
  line-height: calc(51 / 47);
  letter-spacing: 0;
}

.monolith-hero__logo {
  position: absolute;
  left: calc(1544 / 1920 * 100vw);
  top: calc(738 / 1920 * 100vw);
  width: calc(329 / 1920 * 100vw);
  height: auto;
  z-index: 8;
}

.monolith-hero__task {
  position: relative;
  z-index: 7;
  margin: calc(175 / 1920 * 100vw) 0 0 calc(508 / 1920 * 100vw);
}

.monolith-hero__task-title {
  margin: 0;
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(65 / 1920 * 100vw);
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: calc(2 / 1920 * 100vw);
}

.monolith-hero__task-title span {
  display: block;
  white-space: nowrap;
}

.monolith-hero__task-title span:nth-child(1) {
  margin-left: 0;
}

.monolith-hero__task-title span:nth-child(2) {
  margin-left: calc(43 / 1920 * 100vw);
}

.monolith-hero__task-copy {
  margin: calc(14 / 1920 * 100vw) 0 0 0;
  color: var(--monolith-gray);
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
  letter-spacing: 0;
}

.monolith-hero__task-copy strong,
.monolith-hero__productions strong,
.monolith-hero__fact-copy strong {
  font-weight: 800;
}

.monolith-hero__productions {
  position: relative;
  z-index: 7;
  margin: calc(126 / 1920 * 100vw) 0 0 calc(201 / 1920 * 100vw);
  color: var(--monolith-gray);
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
  letter-spacing: 0;
}

.monolith-hero__facts {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-bottom: 7vw;
}

.monolith-hero__facts-inner {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: calc(792 / 1920 * 100vw) calc(735 / 1920 * 100vw);
  gap: calc(42 / 1920 * 100vw);
  margin-left: calc(201 / 1920 * 100vw);
  padding-top: calc(84 / 1920 * 100vw);
}

.monolith-hero__fact {
  position: relative;
}

.monolith-hero__fact--left {
  width: calc(792 / 1920 * 100vw);
}

.monolith-hero__fact--right {
  width: calc(735 / 1920 * 100vw);
}

.monolith-hero__fact-copy {
  margin: 0;
  color: #3b3b3b;
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
}

.monolith-hero__fact-number {
  display: flex;
  align-items: center;
  min-height: calc(82 / 1920 * 100vw);
  margin: calc(9 / 1920 * 100vw) 0 0 0;
  padding: 0 calc(27 / 1920 * 100vw);
  border-radius: calc(21 / 1920 * 100vw);
  background: linear-gradient(90deg, #ffffff 0%, #d2d2d2 100%);
  color: #1d1d1d;
  font-family: var(--font1);
  font-size: calc(65 / 1920 * 100vw);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.monolith-hero__fact--left .monolith-hero__fact-number {
  width: calc(792 / 1920 * 100vw);
}

.monolith-hero__fact--right .monolith-hero__fact-number {
  width: calc(735 / 1920 * 100vw);
}

.monolith-hero__fact-note {
  margin: calc(18 / 1920 * 100vw) 0 0 0;
  color: #3b3b3b;
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
}

/* Strategy */
.monolith-strategy {
  position: relative;
  overflow: hidden;
  background: transparent;
  color: var(--monolith-white);
}

.monolith-strategy__film {
  position: absolute;
  z-index: 0;
  width: calc(1426 / 1920 * 100vw);
  height: auto;
  pointer-events: none;
  transform-origin: 0 0;
  user-select: none;
}

.monolith-strategy__film--left {
  left: calc(75.336 / 1920 * 100vw);
  top: calc(264.03 / 1920 * 100vw);
  transform: matrix(0.927, 0.375, -0.375, 0.927, 0, 0);
}

.monolith-strategy__film--right {
  left: calc(2799.887 / 1920 * 100vw);
  top: calc(672.59 / 1920 * 100vw);
  transform: rotate(150deg);
}

.monolith-strategy__inner {
  position: relative;
  z-index: 2;
  min-height: inherit;
  padding-top: calc(127 / 1920 * 100vw);
  background: linear-gradient(0deg, #A9A8A8 0%, #bababa 59.3%, #636161 100%);
  padding-bottom: 6vw;
}

.monolith-strategy__intro {
  width: calc(1244 / 1920 * 100vw);
  margin-left: calc(338 / 1920 * 100vw);
  text-align: center;
}

.monolith-strategy__title {
  margin: 0;
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(65 / 1920 * 100vw);
  font-weight: 800;
  line-height: calc(71 / 65);
}

.monolith-strategy__title span {
  display: block;
  white-space: nowrap;
}

.monolith-strategy__title span:nth-child(2) {
  margin-left: calc(101 / 1920 * 100vw);
}

.monolith-strategy__copy {
  margin: 0;
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
}

.monolith-strategy__copy strong,
.monolith-strategy__summary strong,
.monolith-strategy__step p {
  font-weight: 800;
}

.monolith-strategy__copy--lead {
  margin-top: calc(46 / 1920 * 100vw);
}

.monolith-strategy__copy--target {
  margin-top: calc(36 / 1920 * 100vw);
}

.monolith-strategy__pill-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(924 / 1920 * 100vw);
  min-height: calc(69 / 1920 * 100vw);
  margin: calc(84 / 1920 * 100vw) 0 0 calc(498 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(35 / 1920 * 100vw);
  font-weight: 800;
  line-height: 1;
}

.monolith-strategy__card {
  position: relative;
  width: calc(1053 / 1920 * 100vw);
  min-height: calc(527 / 1920 * 100vw);
  margin: calc(23 / 1920 * 100vw) 0 0 calc(434 / 1920 * 100vw);
  overflow: hidden;
  border: 1px solid #707070;
  border-radius: calc(32 / 1920 * 100vw);
  background: #131313;
}

.monolith-strategy__clapper {
  display: flex;
  align-items: stretch;
  height: calc(86 / 1920 * 100vw);
  border-radius: calc(28 / 1920 * 100vw);
  overflow: hidden;
  background: #383838;
}

.monolith-strategy__clapper span {
  width: calc(142 / 1920 * 100vw);
  margin-left: calc(34 / 1920 * 100vw);
  transform: skewX(-24deg);
  background: linear-gradient(180deg, #ffffff 0%, #808080 100%);
}

.monolith-strategy__clapper span:first-child {
  margin-left: calc(14 / 1920 * 100vw);
}

.monolith-strategy__steps {
  display: flex;
  flex-direction: column;
  gap: calc(13 / 1920 * 100vw);
  margin-top: calc(97 / 1920 * 100vw);
}

.monolith-strategy__step {
  display: grid;
  grid-template-columns: calc(88 / 1920 * 100vw) auto;
  align-items: center;
  column-gap: calc(46 / 1920 * 100vw);
  margin-left: calc(53 / 1920 * 100vw);
}

.monolith-strategy__step-number {
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(60 / 1920 * 100vw);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.003em;
  text-align: right;
}

.monolith-strategy__step p {
  display: flex;
  align-items: center;
  min-height: calc(61 / 1920 * 100vw);
  margin: 0;
  padding: 0 calc(16 / 1920 * 100vw);
  border-radius: calc(21 / 1920 * 100vw);
  background: linear-gradient(90deg, #6f6f6f 0%, #131313 100%);
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 700;
  line-height: calc(34 / 28);
}

.monolith-strategy__step--1 p {
  width: calc(679 / 1920 * 100vw);
}

.monolith-strategy__step--2 p {
  width: calc(858 / 1920 * 100vw);
}

.monolith-strategy__step--3 p {
  width: calc(912 / 1920 * 100vw);
  min-height: calc(88 / 1920 * 100vw);
  border-radius: calc(25 / 1920 * 100vw);
}

.monolith-strategy__summary {
  width: calc(1245 / 1920 * 100vw);
  margin: calc(132 / 1920 * 100vw) 0 0 calc(338 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
  text-align: center;
}

.monolith-strategy__channels {
  margin-top: calc(233 / 1920 * 100vw);
}

.monolith-strategy__channels-title {
  margin: 0;
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(65 / 1920 * 100vw);
  font-weight: 800;
  line-height: 1;
  text-align: left;
}

.monolith-strategy__channels-title span {
  display: block;
  white-space: nowrap;
}

.monolith-strategy__channels-title span:nth-child(1) {
  margin-left: calc(289 / 1920 * 100vw);
}

.monolith-strategy__channels-title span:nth-child(2) {
  margin-top: calc(1 / 1920 * 100vw);
  margin-left: calc(524 / 1920 * 100vw);
}

.monolith-strategy__channels-grid {
  display: flex;
  align-items: flex-start;
  margin: calc(132 / 1920 * 100vw) 0 0 calc(285 / 1920 * 100vw);
}

.monolith-strategy__channel {
  width: calc(430 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font1);
}

.monolith-strategy__channel--spotify {
  margin-left: calc(64 / 1920 * 100vw);
}

.monolith-strategy__channel--vod {
  margin-left: calc(55 / 1920 * 100vw);
}

.monolith-strategy__channel-icon {
  display: block;
  width: calc(141 / 1920 * 100vw);
  height: calc(141 / 1920 * 100vw);
  margin-left: calc(29 / 1920 * 100vw);
}

.monolith-strategy__channel h3 {
  margin: calc(20 / 1920 * 100vw) 0 0 0;
  padding-left: calc(29 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(35 / 1920 * 100vw);
  font-weight: 800;
  line-height: 1;
}

.monolith-strategy__channel ul {
  display: flex;
  flex-direction: column;
  gap: calc(19 / 1920 * 100vw);
  margin: calc(34 / 1920 * 100vw) 0 0 0;
  padding: 0;
  list-style: none;
}

.monolith-strategy__channel li {
  position: relative;
  margin: 0;
  padding-left: calc(29 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(35 / 28);
}

.monolith-strategy__channel li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(12 / 1920 * 100vw);
  width: calc(12 / 1920 * 100vw);
  height: calc(12 / 1920 * 100vw);
  border-radius: 50%;
  background: #2f2f2f;
}

/* Gallery */
#monolith-gallery {
  position: relative;
  z-index: 2;
  height: calc(607 / 1920 * 100vw);
  overflow: hidden;
  background: linear-gradient(128deg, #717171 0%, #ffffff 100%);
}

.monolith-gallery__swiper {
  width: calc(1930 / 1920 * 100vw);
  margin-left: calc(-5 / 1920 * 100vw);
  padding-top: calc(37 / 1920 * 100vw);
  overflow: hidden;
}

.monolith-gallery .swiper-wrapper,
.monolith-gallery__swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  transition-property: transform;
  transition-timing-function: linear !important;
}

.monolith-gallery__slide {
  width: calc(531 / 1920 * 100vw);
  height: calc(531 / 1920 * 100vw);
  overflow: hidden;
  flex-shrink: 0;
  background: transparent;
}

.monolith-gallery__slide--4 {
  width: calc(308 / 1920 * 100vw);
}

.monolith-gallery__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Film campaign */
#monolith-video {
  position: relative;
  z-index: 2;
  padding-bottom: calc(136 / 1920 * 100vw);
  overflow: hidden;
  background: #d2d2d2;
  color: #000000;
}

.monolith-video__shape {
  position: absolute;
  left: calc(-349 / 1920 * 100vw);
  top: calc(339 / 1920 * 100vw);
  z-index: 0;
  width: calc(1724 / 1920 * 100vw);
  height: calc(730 / 1920 * 100vw);
  background: linear-gradient(120deg, #565656 0%, #ffffff 100%);
  clip-path: polygon(0.31% 42.12%, 100% 0%, 95.38% 100%, 0% 48.43%);
  pointer-events: none;
  transform: rotate(-4deg);
  transform-origin: 50% 50%;
}

.monolith-video__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: calc(1010 / 1920 * 100vw) calc(491 / 1920 * 100vw);
  column-gap: 0;
  align-items: start;
  width: calc(1501 / 1920 * 100vw);
  margin-left: calc(203 / 1920 * 100vw);
  padding-top: calc(142 / 1920 * 100vw);
}

.monolith-video__content {
  width: 100%;
}

.monolith-video__lead,
.monolith-video__copy,
.monolith-video__summary-copy {
  margin: 0;
  color: #000000;
  font-family: var(--font1);
  font-size: calc(28 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(34 / 28);
}

.monolith-video__lead strong,
.monolith-video__copy strong,
.monolith-video__summary-copy strong {
  font-weight: 800;
}

.monolith-video__title {
  margin: calc(120 / 1920 * 100vw) 0 0 0;
  color: #000000;
  font-family: var(--font1);
  font-size: calc(65 / 1920 * 100vw);
  font-weight: 800;
  line-height: calc(68 / 65);
}

.monolith-video__title span,
.monolith-video__summary-title span {
  display: block;
  white-space: nowrap;
}

.monolith-video__summary-title span:nth-child(2) {
  transform: translateX(calc(218 / 1920 * 100vw));
}

.monolith-video__copy--first {
  margin-top: calc(55 / 1920 * 100vw);
}

.monolith-video__copy:not(.monolith-video__copy--first) {
  margin-top: calc(40 / 1920 * 100vw);
}

.monolith-video__media {
  position: relative;
  z-index: 3;
  width: calc(491 / 1920 * 100vw);
  margin: calc(-102 / 1920 * 100vw) 0 0 calc(-47.5 / 1920 * 100vw);
}

.monolith-video__shadow {
  position: absolute;
  left: calc(22 / 1920 * 100vw);
  top: calc(920 / 1920 * 100vw);
  z-index: 0;
  width: calc(711 / 1920 * 100vw);
  height: auto;
  pointer-events: none;
}

.monolith-video__phone {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 491 / 1009;
  overflow: hidden;
  border-radius: calc(74 / 1920 * 100vw);
  cursor: pointer;
}

.monolith-video__player {
  position: absolute;
  inset: calc(9 / 1920 * 100vw) calc(10 / 1920 * 100vw);
  z-index: 3;
  display: block;
  width: calc(100% - (21 / 1920 * 100vw));
  height: calc(100% - (16 / 1920 * 100vw));
  border-radius: calc(70 / 1920 * 100vw);
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.monolith-video__poster {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.monolith-video__play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  width: calc(146 / 1920 * 100vw);
  height: calc(146 / 1920 * 100vw);
  padding: 0;
  border: 0;
  background: transparent url("images/play.svg") center / contain no-repeat;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: opacity 0.35s ease;
}

.monolith-video__media.active .monolith-video__player,
.monolith-video__media.show .monolith-video__player {
  opacity: 1;
}

.monolith-video__media.active .monolith-video__play {
  opacity: 0;
  pointer-events: none;
}

.monolith-video__summary {
  grid-column: 1 / -1;
  width: calc(1290 / 1920 * 100vw);
  margin: calc(306 / 1920 * 100vw) auto 0;
  text-align: center;
}

.monolith-video__summary-title {
  margin: 0;
  color: #000000;
  font-family: var(--font1);
  font-size: calc(65 / 1920 * 100vw);
  font-weight: 800;
  line-height: calc(73 / 65);
}

.monolith-video__summary-copy {
  margin-top: calc(96 / 1920 * 100vw);
}

.monolith-video__summary-copy--second {
  margin-top: calc(40 / 1920 * 100vw);
}

/* Media */
#media {
  position: relative;
  z-index: 2;
  height: calc(698 / 1920 * 100vw);
  padding: 0;
  overflow: hidden;
  background: #d2d2d2;
}

#media .title-box {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-left: calc(82 / 1920 * 100vw);
  padding-left: 0;
}

#media .title-box .h2 {
  position: relative;
  margin: 0;
  color: var(--monolith-white);
  font-family: var(--font2);
  font-size: calc(292 / 1920 * 100vw);
  font-weight: 400;
  line-height: 1;
}

#media .sliders {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-top: calc(-6 / 1920 * 100vw);
  padding: 0;
}

.services-ticker-block {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--monolith-white);
}

.stb_line_single {
  position: relative;
  white-space: nowrap;
  padding: 0;
  will-change: transform;
}

.stb-item {
  display: inline-block;
  margin-right: calc(188 / 1920 * 100vw);
  padding: 0;
  color: var(--monolith-white);
  font-family: var(--font1);
  font-size: calc(117 / 1920 * 100vw);
  font-weight: 400;
  line-height: 1;
  vertical-align: middle;
}

.stb-item img {
  display: block;
  width: calc(145 / 1920 * 100vw);
  height: calc(145 / 1920 * 100vw);
}

.services-ticker-block:nth-of-type(2) {
  margin-top: calc(76 / 1920 * 100vw);
}

.services-ticker-block:nth-of-type(2) .stb-item {
  margin-right: calc(280 / 1920 * 100vw);
}

/* CTA */
#monolith-cta {
  position: relative;
  z-index: 2;
  padding: 0 0 calc(86 / 1920 * 100vw);
  background: #d2d2d2;
}

.monolith-cta__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(1490 / 1920 * 100vw);
  min-height: calc(514 / 1920 * 100vw);
  margin: 0 auto;
  padding: calc(56 / 1920 * 100vw) calc(120 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  border-radius: calc(83 / 1920 * 100vw);
  background: var(--monolith-white);
  color: #000000;
  text-align: center;
}

.monolith-cta__title {
  margin: 0;
  color: #000000;
  font-family: var(--font1);
  font-size: calc(62 / 1920 * 100vw);
  font-weight: 800;
  line-height: calc(65 / 62);
}

.monolith-cta__title span {
  display: block;
}

.monolith-cta__copy {
  margin: calc(48 / 1920 * 100vw) 0 0 0;
  color: #000000;
  font-family: var(--font1);
  font-size: calc(31 / 1920 * 100vw);
  font-weight: 500;
  line-height: calc(38 / 31);
}

.monolith-cta__copy--strong {
  margin-top: calc(36 / 1920 * 100vw);
}

.monolith-cta__copy strong {
  font-weight: 800;
}

/* Team */
#team {
  position: relative;
  margin-top: -2px;
  padding-top: calc(92 / 1920 * 100vw);
  background: #353232;
}

#team .team-bg {
  display: flex;
  width: 100%;
}

#team .the-title span {
  position: relative;
  z-index: 5;
  display: block;
  line-height: 0.95;
  letter-spacing: -0.02em;
}

#team .the-title span:nth-of-type(1) {
  margin-top: 0;
  padding-left: calc(137 / 1920 * 100vw);
  color: white;
  font-family: var(--font2);
  font-size: calc(126 / 1920 * 100vw);
}

#team .the-title span:nth-of-type(2) {
  margin-top: 0;
  padding-left: calc(337 / 1920 * 100vw);
  color: var(--monolith-white);
  font-family: var(--font2);
  font-size: calc(93 / 1920 * 100vw);
  letter-spacing: -0.01em;
}

#persons {
  display: flex;
  flex-wrap: wrap;
  gap: calc(40 / 1920 * 100vw);
  justify-content: center;
  padding: 3vw 8vw 4vw;
}

.person {
  position: relative;
  flex: calc((100% - (160 / 1920 * 100vw)) / 3);
  max-width: calc((100% - (160 / 1920 * 100vw)) / 3);
  padding: 0;
  text-align: center;
}

.video-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 7vw;
  background-position: center center;
  background-size: cover;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.person h3 {
  margin: calc(22 / 1920 * 100vw) 0 0 0;
  padding-left: 0;
  color: var(--monolith-white);
  font-size: calc(37 / 1920 * 100vw);
  font-weight: 700;
  text-align: center;
}

.person .contact-box {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 100%;
  transform: translateX(-50%);
}

.person .contact-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(55 / 1920 * 100vw);
  height: calc(55 / 1920 * 100vw);
  border-radius: 100px;
  background: red;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-70%);
}

.person .contact-box a img.mail {
  width: calc(32 / 1920 * 100vw);
  height: calc(22 / 1920 * 100vw);
}

.person .contact-box a img.phone {
  width: calc(28 / 1920 * 100vw);
  height: calc(28 / 1920 * 100vw);
}

@media (max-width: 1000px) {
  .monolith-hero__scene {
    height: auto;
    min-height: 160vw;
    padding-bottom: 12vw;
  }

  .monolith-hero__bg {
    height: 160vw;
  }

  .monolith-hero__light {
    top: 38vw;
    left: 25vw;
    width: 128vw;
    height: 96vw;
  }

  .monolith-hero__camera {
    left: -26vw;
    top: 4vw;
    width: 82vw;
  }

  .monolith-hero__headline {
    width: 62vw;
    margin-left: 32vw;
    padding-top: 18vw;
  }

  .monolith-hero__title span:nth-child(1) {
    font-size: 10vw;
  }

  .monolith-hero__title span:nth-child(2) {
    margin-left: -3vw;
    font-size: 9vw;
  }

  .monolith-hero__subtitle {
    margin: 5vw 0 0 11vw;
    font-size: 4.4vw;
  }

  .monolith-hero__logo {
    left: auto;
    right: 8vw;
    top: 72vw;
    width: 16vw;
  }

  .monolith-hero__task {
    width: auto;
    margin: 61vw 8vw 0;
  }

  .monolith-hero__task-title {
    font-size: 8vw;
  }

  .monolith-hero__task-title span:nth-child(1) {
    margin-left: 0;
  }

  .monolith-hero__task-title span:nth-child(2) {
    margin-left: 5vw;
  }

  .monolith-hero__task-copy {
    width: auto;
    margin-top: 2vw;
    font-size: 3.8vw;
  }

  .monolith-hero__task-copy br,
  .monolith-hero__productions br,
  .monolith-hero__fact-copy br {
    display: none;
  }

  .monolith-hero__productions {
    width: auto;
    margin: 10vw 8vw 0;
    font-size: 3.5vw;
  }

  .monolith-hero__facts {
    height: auto;
    padding: 12vw 0 16vw;
  }

  .monolith-hero__facts-inner {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10vw;
    margin: 0 8vw;
    padding-top: 0;
  }

  .monolith-hero__fact,
  .monolith-hero__fact--left,
  .monolith-hero__fact--right {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
  }

  .monolith-hero__fact-copy {
    font-size: 4vw;
  }

  .monolith-hero__fact-number {
    min-height: 12vw;
    border-radius: 3vw;
    font-size: 7.5vw;
  }

  .monolith-hero__fact--left .monolith-hero__fact-number,
  .monolith-hero__fact--right .monolith-hero__fact-number {
    width: 100%;
    margin-top: 4vw;
  }

  .monolith-hero__fact-note {
    margin-top: 4vw;
    font-size: 3.8vw;
  }

  .monolith-strategy__inner {
    padding-top: 16vw;
  }

  .monolith-strategy__intro {
    width: auto;
    margin: 0 6vw;
  }

  .monolith-strategy__title {
    font-size: 7.4vw;
  }

  .monolith-strategy__title span,
  .monolith-strategy__channels-title span {
    white-space: normal;
  }

  .monolith-strategy__title span:nth-child(2) {
    margin-left: 0;
  }

  .monolith-strategy__copy {
    font-size: 3.8vw;
  }

  .monolith-strategy__copy br,
  .monolith-strategy__summary br,
  .monolith-strategy__channel br {
    display: none;
  }

  .monolith-strategy__copy--lead,
  .monolith-strategy__copy--target {
    margin-top: 6vw;
  }

  .monolith-strategy__pill-title {
    width: auto;
    min-height: auto;
    margin: 12vw 6vw 0;
    font-size: 4.5vw;
    line-height: 1.15;
    text-align: center;
  }

  .monolith-strategy__card {
    width: auto;
    min-height: auto;
    margin: 6vw 6vw 0;
    border-radius: 5vw;
  }

  .monolith-strategy__clapper {
    height: 12vw;
    border-radius: 4vw;
  }

  .monolith-strategy__clapper span {
    width: 12vw;
    margin-left: 5vw;
  }

  .monolith-strategy__clapper span:first-child {
    margin-left: 7vw;
  }

  .monolith-strategy__steps {
    gap: 5vw;
    margin: 8vw 0;
  }

  .monolith-strategy__step {
    grid-template-columns: 11vw 1fr;
    column-gap: 3vw;
    margin: 0 4vw;
  }

  .monolith-strategy__step-number {
    font-size: 8vw;
    transform: translateX(-1.5vw);
  }

  .monolith-strategy__step p,
  .monolith-strategy__step--1 p,
  .monolith-strategy__step--2 p,
  .monolith-strategy__step--3 p {
    width: auto;
    min-height: 12vw;
    padding: 2vw 4vw;
    border-radius: 4vw;
    font-size: 3.45vw;
  }

  .monolith-strategy__summary {
    width: auto;
    margin: 12vw 6vw 0;
    font-size: 3.8vw;
  }

  .monolith-strategy__channels {
    margin-top: 18vw;
  }

  .monolith-strategy__channels-title {
    margin: 0 6vw;
    font-size: 6vw;
    line-height: 1.08;
  }

  .monolith-strategy__channels-title span:nth-child(1),
  .monolith-strategy__channels-title span:nth-child(2) {
    margin: 0;
  }

  .monolith-strategy__channels-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12vw;
    margin: 12vw 8vw 0;
  }

  .monolith-strategy__channel,
  .monolith-strategy__channel--spotify,
  .monolith-strategy__channel--vod {
    width: auto;
    margin-left: 0;
  }

  .monolith-strategy__channel-icon,
  .monolith-strategy__channel--spotify .monolith-strategy__channel-icon,
  .monolith-strategy__channel--vod .monolith-strategy__channel-icon {
    width: 22vw;
    height: 22vw;
    margin: 0 auto;
  }

  .monolith-strategy__channel h3 {
    margin-top: 2vw;
    font-size: 5vw;
  }

  .monolith-strategy__channel ul {
    gap: 4vw;
    margin-top: 6vw;
  }

  .monolith-strategy__channel li {
    padding-left: 5vw;
    font-size: 3.8vw;
  }

  .monolith-strategy__channel li::before {
    top: 1.5vw;
    width: 2vw;
    height: 2vw;
  }

  #monolith-gallery {
    height: 76vw;
  }

  .monolith-gallery__swiper {
    width: calc(100% + 2vw);
    margin-left: -1vw;
    padding-top: 6vw;
  }

  .monolith-gallery__slide {
    width: 64vw;
    height: 64vw;
  }

  .monolith-gallery__slide--4 {
    width: 37.1vw;
  }

  #monolith-video {
    height: auto;
    min-height: 0;
    padding-bottom: 16vw;
  }

  .monolith-video__shape {
    display: none;
  }

  .monolith-video__inner {
    display: block;
    width: auto;
    margin-left: 0;
    padding-top: 12vw;
  }

  .monolith-video__content {
    width: auto;
    margin: 0 7vw;
  }

  .monolith-video__lead,
  .monolith-video__copy,
  .monolith-video__summary-copy {
    font-size: 3.8vw;
  }

  .monolith-video__lead br,
  .monolith-video__copy br,
  .monolith-video__summary-copy br {
    display: none;
  }

  .monolith-video__title {
    margin-top: 12vw;
    font-size: 7.4vw;
    line-height: 1.05;
  }

  .monolith-video__title span,
  .monolith-video__summary-title span {
    white-space: normal;
  }

  .monolith-video__summary-title span:nth-child(2) {
    transform: none;
  }

  .monolith-video__copy--first {
    margin-top: 8vw;
  }

  .monolith-video__copy:not(.monolith-video__copy--first) {
    margin-top: 6vw;
  }

  .monolith-video__media {
    position: relative;
    left: auto;
    top: auto;
    width: 58vw;
    margin: 12vw auto 0;
  }

  .monolith-video__shadow {
    left: -3vw;
    top: 108vw;
    width: 84vw;
  }

  .monolith-video__phone {
    border-radius: 8vw;
  }

  .monolith-video__player {
    inset: 1.7vw 1.9vw;
    width: calc(100% - 3.8vw);
    height: calc(100% - 3.4vw);
    border-radius: 7vw;
  }

  .monolith-video__play {
    width: 17vw;
    height: 17vw;
  }

  .monolith-video__summary {
    width: auto;
    margin: 16vw 7vw 0;
  }

  .monolith-video__summary-title {
    font-size: 7.4vw;
    line-height: 1.08;
  }

  .monolith-video__summary-copy {
    margin-top: 8vw;
  }

  .monolith-video__summary-copy--second {
    margin-top: 6vw;
  }

  #media {
    min-height: 78vw;
    padding: 0 0 12vw;
  }

  #media .title-box {
    position: relative;
    left: auto;
    top: auto;
    margin-left: 6vw;
    padding-left: 0;
  }

  #media .title-box .h2 {
    font-size: 25vw;
  }

  .stb-item {
    margin-right: 18vw;
    font-size: 10vw;
  }

  #media .sliders {
    margin-top: 0;
    padding-top: 0;
  }

  .stb-item img {
    width: 14vw;
    height: 14vw;
  }

  .services-ticker-block:nth-of-type(2) {
    margin-top: 8vw;
  }

  .services-ticker-block:nth-of-type(2) .stb-item {
    margin-right: 44vw;
  }

  #monolith-cta {
    padding: 0 6vw 14vw;
  }

  .monolith-cta__card {
    width: 100%;
    min-height: auto;
    padding: 9vw 6vw 10vw;
    border-radius: 8vw;
  }

  .monolith-cta__title {
    font-size: 6.8vw;
    line-height: 1.08;
  }

  .monolith-cta__copy {
    margin-top: 7vw;
    font-size: 3.8vw;
  }

  .monolith-cta__copy br {
    display: none;
  }

  .monolith-cta__copy--strong {
    margin-top: 5vw;
  }

  #team {
    padding-top: 14vw;
  }

  #team .the-title span:nth-of-type(1) {
    margin-top: 0;
  }

  #persons {
    gap: 40px;
    padding: 10vw 6vw 12vw;
  }

  .person {
    flex: 100%;
    width: 100%;
    max-width: none;
  }

  #persons .person h3 {
    margin-top: 20px;
    color: var(--monolith-white);
    font-size: 20px;
    text-align: center;
  }
}