/* PROJECT PAGE */

.project-page {
  max-width: 1400px;

  margin: auto;

  padding: 80px 40px;
}

.project-banner img {
  width: 100%;

  height: 800px;

  object-fit: cover;

  border-radius: 25px;
}

.project-content {
  margin-top: 50px;
}

.project-content h1 {
  font-size: 70px;

  margin-bottom: 30px;
}

.project-description {
  font-size: 26px;

  line-height: 1.8;

  margin-top: 30px;
}

.project-tags {
  display: flex;
  gap: 15px;

  flex-wrap: wrap;
}

.project-tags span {
  padding: 10px 18px;

  background: #5c457a;

  border-radius: 999px;

  font-size: 18px;
}

.project-section {
  margin-top: 70px;
}

.project-section h2 {
  font-size: 42px;

  margin-bottom: 25px;
}

.project-section p,
.project-section li {
  font-size: 24px;

  line-height: 1.8;
}

.project-section ul {
  padding-left: 30px;
}

.gallery {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 25px;
}

.gallery img {
  width: 100%;

  border-radius: 15px;
}

.gallery video {

  width: 100%;

  border-radius: 15px;

  object-fit: cover;

  background: #111;
}

.project-links {
  display: flex;
  gap: 20px;
}

.project-links a {
  padding: 14px 24px;

  border: 1px solid #d5b1b1;

  color: white;

  text-decoration: none;

  transition: 0.2s;
}

.project-links a:hover {
  background: rgba(255,255,255,0.1);
}