.cosmo-page {
  --base-spacing: 8px;
  --spacing-increment: calc(var(--base-spacing) * 2);
  --row-spacing: calc(var(--spacing-increment) * 5);
  --block-spacing: var(--spacing-increment);
  --col-spacing: calc(var(--spacing-increment) * 4);
}

.cosmo-page .row {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: var(--row-spacing) 0;
}

.cosmo-page .row--image { background: #000; color: #fff; }
.cosmo-page .row--dark  { background: #262626; color: #fff; }

.cosmo-page .row__bg {
  position: absolute;
  inset: 0;
  background: var(--bg-image) no-repeat center/cover;
  opacity: .555;
  pointer-events: none;
}

@media (max-width: 736px) {
  .cosmo-page .row__bg {
    position: relative;
    width: 100%;
    aspect-ratio: 1/0.666;
    opacity: 1;
  }
}

.cosmo-page .row__container {
  width: min(90%, 1200px);
  display: flex;
  align-items: center;
  gap: var(--col-spacing);
}

@media (max-width: 736px) {
  .cosmo-page .row__container { flex-direction: column; gap: var(--spacing-increment); }
}

.cosmo-page .col { flex: 1 1 1%; position: relative; }
.cosmo-page .block-wrapper { margin: var(--block-spacing) 0; }
.cosmo-page .block { position: relative; }

.cosmo-page .btn {
  display: inline-flex;
  align-items: center; justify-content: center;
  padding: 10px 16px; border-radius: 10px; text-decoration: none;
}

.uc-lead {
  border: #fff 23px solid;
}

.uc-lead .input-area {
  padding-top: 20px;
}

.uc-lead .btn {
  width: 100%;
}