.nosotros-page {
  background:
    radial-gradient(circle at 82% 8%, rgba(215,170,71,.12), transparent 30%),
    linear-gradient(180deg, #060708 0%, #0c0d0f 100%);
}

.about-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
  gap: 70px;
  align-items: center;
}

.about-hero-copy {
  max-width: 590px;
}

.about-hero .eyebrow {
  font-size: .85rem;
  letter-spacing: .34em;
  font-weight: 800;
  color: #d7aa47;
}

.about-hero h1 {
  max-width: 520px;
  font-size: clamp(2.3rem, 3.2vw, 3.45rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  margin: 18px 0 24px;
  text-wrap: balance;
}

.about-hero .lead {
  max-width: 560px;
  line-height: 1.7;
  margin-bottom: 14px;
  font-size: 1rem;
}

.secondary-lead {
  opacity: .85;
}

.about-indicators {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.about-indicators span {
  border: 1px solid rgba(215,170,71,.35);
  border-radius: 999px;
  padding: 7px 13px;
  font-size: .75rem;
  color: #f0d58a;
}

.about-presentation-photo {
  width: 100%;
  padding: 8px;
  border: 1px solid rgba(215,170,71,.35);
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
}

.about-presentation-photo img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 18px;
}

@media(max-width:900px){
  .about-hero-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}

@media(max-width:640px){
  .about-hero h1{font-size:2.2rem}
  .about-presentation-photo img{height:300px}
}