main {
  font-size: 1.8rem;
}

.m5 {
  width: 32%;
}
.height80vh img {
  width: 60%;
  height: auto;
  object-fit: contain;
}

#read {
  margin-inline: auto;
}

footer,
#showroom,
#p1,
#p2,
#p3,
#gallery,
#items {
  margin-top: 160px;
}

#showroom{
margin-top:200px;
}

#hero {
  height: calc(100vh - 53px);
}

#showroom {
  justify-content: center;
  gap: 2%;
}
#read {
  inline-size: fit-content;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

/* .gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 2% 2%;
} */

.item-1 {
  grid-area: 1 / 1 / 3 / 3;
}
.item-2 {
  grid-area: 1 / 3 / 2 / 4;
}
.item-3 {
  grid-area: 1 / 4 / 2 / 5;
}
.item-4 {
  grid-area: 2 / 3 / 3 / 4;
}
.item-5 {
  grid-area: 2 / 4 / 3 / 5;
}
.item-6 {
  grid-area: 3 / 1 / 4 / 2;
}
.item-7 {
  grid-area: 3 / 2 / 4 / 3;
}
.item-8 {
  grid-area: 4 / 1 / 5 / 2;
}
.item-9 {
  grid-area: 4 / 2 / 5 / 3;
}
.item-10 {
  grid-area: 3 / 3 / 5 / 5;
}

.minwidth350 {
  min-width: 350px;
}
.order1 {
  order: 1;
}
#main-title {
  margin-bottom: -1rem;
  font-size: 4.5vw;
  text-align: left;
}
#hero-text {
  font-size: 3.2rem;
}
#hero {
  width: 99vw;
}

#hero-absolute {
  top: 63%;
}

.swiper [class^="swiper-button-"] {
  padding: 2%;
}