#blog .s1 {
  position: relative;
  overflow: hidden;
  background: #132341;
}

#blog .s1 .contain {
  height: 100vh;
  max-height: 500px;
  min-height: 300px;
  position: relative;
  z-index: 3;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 100px 0 3rem;
}

@media all and (max-width: 1024px) {
  #blog .s1 .contain {
    max-height: 400px;
  }
}

@media all and (max-width: 767px) {
  #blog .s1 .contain {
    max-height: 350px;
  }
}

#blog .s1 .hero-mesh {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url(/i/interior-hero.svg) center/cover no-repeat;
  z-index: 1;
}

#blog .s1 .link-off-btn {
  border-color: #1AB3FF;
  margin-bottom: 2rem;
}

#blog .s1 .link-off-btn p {
  color: #1AB3FF;
}

#blog .s1 h1 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: clamp(1.5rem, 2.75vw, 1.75rem);
  line-height: 1.25em;
  color: #fff;
}

#blog .s2 {
  padding: 4rem 0;
}

#blog .s2 .img-wrap {
  width: 100%;
  margin-bottom: 1.2rem;
}

#blog .s2 img {
  display: block;
  width: 100%;
  height: auto;
}

#blog .s2 .blog-content, #blog .s2 .blog-content a, #blog .s2 .blog-content li, #blog .s2 .blog-content p {
  font-family: montserrat, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 1.05rem;
  color: #0B162B;
  line-height: 1.6em;
}

#blog .s2 .blog-content strong, #blog .s2 .blog-content a strong, #blog .s2 .blog-content li strong, #blog .s2 .blog-content p strong {
  font-weight: 700;
}

#blog .s2 .blog-content a {
  color: #1AB3FF;
}

#blog .s2 .blog-content a:hover {
  text-decoration: underline;
}

#blog .s2 .blog-content ul, #blog .s2 .blog-content ol {
  padding-left: 1.25rem;
  list-style-position: outside;
}

#blog .s2 .blog-content ul > ul, #blog .s2 .blog-content ul > ol, #blog .s2 .blog-content ol > ul, #blog .s2 .blog-content ol > ol {
  padding-left: 2.5rem;
}

#blog .s2 .blog-content h3, #blog .s2 .blog-content h4, #blog .s2 .blog-content h5, #blog .s2 .blog-content h6 {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #040914;
}

#blog .s2 .blog-content h3 {
  font-weight: 200;
  font-size: 2.5rem;
}

#blog .s2 .blog-content h4 {
  font-weight: 300;
  font-size: 2.1rem;
}

#blog .s2 .blog-content h5 {
  font-weight: 400;
  font-size: 1.75rem;
}

#blog .s2 .blog-content h6 {
  font-weight: 500;
  font-size: 1.25rem;
}

#blog .s2 p.date {
  font-size: .9rem;
  letter-spacing: -0.02em;
  font-family: montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 2.5rem;
}