/* Full-width colour bands with a centred 1340px content grid. */
:root { --nika-section-gutter: max(1.25rem, calc((100vw - 1340px) / 2)); }

.nika-contact,
.nika-about {
  padding: 0;
  background: #f2eee7;
}

/* Contact page */
.nika-contact__hero {
  min-height: 660px;
  padding-right: var(--nika-section-gutter);
  padding-left: var(--nika-section-gutter);
  border: 0;
  background: #e9e4dc;
  color: #10100f;
}
.nika-contact__intro {
  padding: clamp(3rem, 7vw, 7rem) clamp(1.5rem, 4vw, 4rem) clamp(3rem, 7vw, 7rem) 0;
}
.nika-contact__hero h1 { color: #10100f; }
.nika-contact__lead { color: rgba(16,16,15,.62); }
.nika-contact__hero-panel {
  min-height: 560px;
  margin: clamp(1.5rem, 3vw, 3rem) 0;
  background: linear-gradient(145deg, rgba(255,255,255,.04), transparent 45%), repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 24px), #20201d;
}
.nika-contact__channels {
  width: 100%;
  margin: 0;
  padding-right: var(--nika-section-gutter);
  padding-left: var(--nika-section-gutter);
  border: 0;
  background: #fff;
  box-shadow: none;
}
.nika-contact__channel {
  min-height: 210px;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 3vw, 3rem);
}
.nika-contact__channel:first-child { padding-left: 0; }
.nika-contact__channel:last-child { padding-right: 0; }
.nika-contact__workspace {
  width: 100%;
  margin: 0;
  padding: clamp(5rem, 9vw, 8rem) var(--nika-section-gutter);
  border: 0;
  background: #d9d1c3;
}
.nika-contact__form-panel {
  border: 0;
  background: #fff;
  box-shadow: 0 24px 70px rgba(16,16,15,.08);
}
.nika-contact__note {
  width: 100%;
  margin: 0;
  padding: clamp(4rem, 8vw, 7rem) var(--nika-section-gutter);
  border: 0;
  background: #10100f;
  color: #fff;
}
.nika-contact__note p { color: rgba(255,255,255,.55); }
.nika-contact__note a { background: #c7aa7a; color: #10100f !important; }

/* About page */
.nika-about__hero {
  min-height: 680px;
  padding-right: var(--nika-section-gutter);
  padding-left: var(--nika-section-gutter);
  border: 0;
  background: #e9e4dc;
  color: #10100f;
}
.nika-about__intro {
  padding: clamp(3rem, 7vw, 7rem) clamp(1.5rem, 4vw, 4rem) clamp(3rem, 7vw, 7rem) 0;
}
.nika-about__hero h1 { color: #10100f; }
.nika-about__lead { color: rgba(16,16,15,.62); }
.nika-about__visual {
  min-height: 580px;
  margin: clamp(1.5rem, 3vw, 3rem) 0;
}
.nika-about__proof {
  width: 100%;
  margin: 0;
  padding-right: var(--nika-section-gutter);
  padding-left: var(--nika-section-gutter);
  border: 0;
  background: #fff;
  box-shadow: none;
}
.nika-about__proof article {
  min-height: 210px;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 3vw, 3rem);
}
.nika-about__proof article:first-child { padding-left: 0; }
.nika-about__proof article:last-child { padding-right: 0; }
.nika-about__story {
  width: 100%;
  margin: 0;
  padding: clamp(5rem, 9vw, 8rem) var(--nika-section-gutter);
  border: 0;
  background: #ece8df;
}
.nika-about__trust {
  width: 100%;
  margin: 0;
  padding: clamp(5rem, 9vw, 8rem) var(--nika-section-gutter);
  border: 0;
  background: #10100f;
}
.nika-about__process {
  width: 100%;
  margin: 0;
  padding: clamp(5rem, 9vw, 8rem) var(--nika-section-gutter);
  border: 0;
  background: #d9d1c3;
}
.nika-about__steps article {
  border: 0;
  background: #fff;
  box-shadow: none;
}
.nika-about__cta {
  width: 100%;
  margin: 0;
  padding: clamp(4rem, 8vw, 7rem) var(--nika-section-gutter);
  border: 0;
  background: #c7aa7a;
  box-shadow: none;
}

@media (max-width: 980px) {
  .nika-contact__hero,
  .nika-about__hero {
    padding-right: var(--nika-section-gutter);
    padding-left: var(--nika-section-gutter);
  }
  .nika-contact__intro,
  .nika-about__intro { padding-right: 0; }
  .nika-contact__hero-panel,
  .nika-about__visual { margin-top: 0; }
}
@media (max-width: 700px) {
  .nika-contact__hero,
  .nika-about__hero { min-height: auto; }
  .nika-contact__channels,
  .nika-about__proof {
    width: 100%;
    margin: 0;
  }
  .nika-contact__channel,
  .nika-contact__channel:first-child,
  .nika-contact__channel:last-child,
  .nika-about__proof article,
  .nika-about__proof article:first-child,
  .nika-about__proof article:last-child {
    padding-right: 0;
    padding-left: 0;
  }
}