/* LRGW-324 — Homepage studio section final presentation.
   Mission spans the section, How We Build uses a three-column studio layout,
   and the section closes with one Team destination. */

/* Mission */
#mission {
  padding-bottom: 18px;
  border-bottom: 0;
}
#mission .mission-grid {
  grid-template-columns: 1fr;
  gap: 28px;
}
#mission .mission-text {
  max-width: none;
  width: 100%;
  font-size: .95rem;
  line-height: 1.72;
}
#mission .lab-column:not(.lab-empty) {
  margin-top: 24px;
  padding-top: 28px;
  border-top: 1px solid var(--border-dim);
}

/* The homepage is a teaser, not a miniature team directory. */
#team { display: none; }
.home-team-list {
  max-width: none;
  margin-top: 30px !important;
  padding-top: 0;
  border-top: 1px solid rgba(255,167,38,.38);
}
.home-team-list .home-team-link { display: none !important; }
.home-team-list .home-team-link:first-child {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  min-height: 0;
  margin: 0;
  padding: 30px 0 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  transform: none;
}
.home-team-list .home-team-link:first-child > * { display: none !important; }
.home-team-list .home-team-link:first-child::before { display: none; }
.home-team-list .home-team-link:first-child::after {
  content: "EXPLORE THE STUDIO →";
  display: block;
  flex: 0 0 auto;
  font-family: 'Rajdhani', sans-serif;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gold);
  transform: translateX(-2px);
  transition: transform .18s ease;
}
.home-team-list .home-team-link:first-child:hover,
.home-team-list .home-team-link:first-child:focus-visible {
  border: 0;
  background: transparent;
  transform: none;
}
.home-team-list .home-team-link:first-child:hover::after,
.home-team-list .home-team-link:first-child:focus-visible::after {
  transform: translateX(4px);
}

/* How We Build is one visual row, not a numbered list. */
#features {
  padding: 14px 0 20px;
  border-bottom: 1px solid var(--border-dim);
}
#features .section-head { margin-bottom: 12px; }
#features .section-label,
#features .section-rule,
.features-intro { display: none; }
#features .section-title {
  font-size: clamp(1.2rem,2vw,1.5rem);
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0;
  margin-top: 18px;
  border-top: 1px solid rgba(255,167,38,.12);
  border-bottom: 1px solid rgba(255,167,38,.12);
}
.feature-item { display: none; }
.feature-item:nth-child(1),
.feature-item:nth-child(3),
.feature-item:nth-child(4) {
  display: block;
  position: relative;
  min-width: 0;
  padding: 24px 28px 26px;
}
.feature-item:nth-child(1) { padding-left: 0; }
.feature-item:nth-child(4) { padding-right: 0; }
.feature-item:nth-child(3)::before,
.feature-item:nth-child(4)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 1px;
  background: rgba(255,167,38,.22);
}
.feature-num { display: none; }
.feature-title {
  font-size: clamp(1.08rem,1.75vw,1.35rem);
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0 0 8px;
}
.feature-title::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 0 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .95;
}
.feature-item:nth-child(1) .feature-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffa726' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='24' cy='24' rx='20' ry='8' transform='rotate(30 24 24)'/%3E%3Cellipse cx='24' cy='24' rx='20' ry='8' transform='rotate(-30 24 24)'/%3E%3Cellipse cx='24' cy='24' rx='8' ry='20'/%3E%3Ccircle cx='24' cy='24' r='2.7'/%3E%3C/svg%3E");
}
.feature-item:nth-child(3) .feature-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffa726' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 24s7-11 19-11 19 11 19 11-7 11-19 11S5 24 5 24Z'/%3E%3Ccircle cx='24' cy='24' r='5'/%3E%3Cpath d='M9 8H5v4M39 8h4v4M9 40H5v-4M39 40h4v-4'/%3E%3C/svg%3E");
}
.feature-item:nth-child(4) .feature-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffa726' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 37 27-27 4 4-27 27-7 1 3-5Z'/%3E%3Cpath d='m29 10 9 9M8 10l30 30M12 7l29 29-5 5L7 12l5-5Z'/%3E%3C/svg%3E");
}
.feature-body {
  max-width: 360px;
  font-size: .84rem;
  line-height: 1.55;
}

@media (max-width:700px) {
  #mission {
    padding-top: 40px;
    padding-bottom: 8px;
  }
  #mission .section-head { margin-bottom: 24px; }
  #mission .mission-text {
    max-width: none;
    width: 100%;
    font-size: .9rem;
    line-height: 1.65;
  }
  #features {
    padding-top: 8px;
    padding-bottom: 14px;
  }
  #features .section-head { margin-bottom: 8px; }
  #features .section-title { font-size: 1.2rem; }
  .features-grid {
    grid-template-columns: 1fr;
    margin-top: 8px;
    border-bottom: 0;
  }
  .feature-item:nth-child(1),
  .feature-item:nth-child(3),
  .feature-item:nth-child(4) {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,167,38,.12);
  }
  .feature-item:nth-child(3)::before,
  .feature-item:nth-child(4)::before {
    display: none;
  }
  .feature-title {
    font-size: 1.12rem;
    line-height: 1.12;
    margin-bottom: 4px;
  }
  .feature-title::before {
    width: 32px;
    height: 32px;
    margin-bottom: 9px;
  }
  .feature-body {
    max-width: none;
    font-size: .82rem;
    line-height: 1.5;
  }
  .home-team-list {
    margin-top: 18px !important;
  }
  .home-team-list .home-team-link:first-child {
    padding: 22px 0 24px;
  }
  .home-team-list .home-team-link:first-child::after {
    font-size: .68rem;
    letter-spacing: .09em;
  }
}