* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before,
*::after {
  display: inline-block;
}

html,
body {
  height: 100%;
}

body {
  line-height: 1;
  scrollbar-gutter: stable;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}

input,
textarea {
  width: 100%;
}

label {
  display: inline-block;
}

button,
select,
option {
  cursor: pointer;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body {
  color: #ffffff;
}
body.menu-open {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.wrapper {
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}
@media (max-width: 33.75em) {
  .wrapper {
    padding-bottom: 4.6875rem;
  }
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

[class*=__container] {
  max-width: 73.125rem;
  margin: 0 auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.titles {
  font-weight: 400;
  font-size: 36px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000;
  margin-bottom: 3.125rem;
}

.items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.875rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-items: center;
}

.item {
  position: relative;
}
.item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#241f24), color-stop(34.11%, rgba(91, 91, 91, 0.45)), color-stop(62.5%, rgba(187, 186, 192, 0.26)));
  background: linear-gradient(360deg, #241f24 0%, rgba(91, 91, 91, 0.45) 34.11%, rgba(187, 186, 192, 0.26) 62.5%);
}
.item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.25rem;
}
.item time {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
}
.item h5 {
  position: absolute;
  left: 1.25rem;
  bottom: 1.25rem;
}

.page__architectural {
  margin-bottom: 6.25rem;
}

.architectural__item:nth-child(1) {
  grid-area: 1/1/2/1;
}
.architectural__item:nth-child(2) {
  grid-area: 2/4/1/2;
}
.architectural__item:nth-child(3) {
  grid-area: 2/1/3/3;
}
.architectural__item:nth-child(4) {
  grid-area: 2/3/3/4;
}
.architectural__item:nth-child(5) {
  grid-area: 3/1/4/2;
}
.architectural__item:nth-child(6) {
  grid-area: 3/2/4/4;
}
.page__life {
  margin-bottom: 6.25rem;
}

.life__body {
  grid-auto-rows: auto;
}
.life__item:nth-child(1) {
  grid-area: 1/1/2/2;
}
.life__item:nth-child(2) {
  grid-area: 1/2/2/4;
}
.life__item:nth-child(3) {
  grid-area: 2/1/3/3;
}
.life__item:nth-child(4) {
  grid-area: 2/3/3/4;
}
.life__item:nth-child(5) {
  grid-area: 3/1/4/3;
}
.life__item:nth-child(6) {
  grid-area: 3/3/4/4;
}

.page__fachion {
  margin-bottom: 6.25rem;
}

.fachion__item:nth-child(1) {
  grid-area: 1/1/2/2;
}
.fachion__item:nth-child(2) {
  grid-area: 1/2/3/3;
}
.fachion__item:nth-child(3) {
  grid-area: 1/3/2/4;
}
.fachion__item:nth-child(4) {
  grid-area: 2/1/3/2;
}
.fachion__item:nth-child(5) {
  grid-area: 2/3/4/4;
}
.fachion__item:nth-child(6) {
  grid-area: 3/1/5/2;
}
.fachion__item:nth-child(7) {
  grid-area: 3/2/4/3;
}
.fachion__item:nth-child(8) {
  grid-area: 4/2/5/4;
}
.fachion__item:nth-child(9) {
  grid-area: 5/1/6/3;
}
.fachion__item:nth-child(10) {
  grid-area: 5/3/6/4;
}