.about-section{
  padding:120px 8%;
  background:var(--bg);
  position:relative;
}

.about-container{
  max-width:1400px;
  margin:auto;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

.about-image-container{
  position:relative;
}

.about-image-frame{
  position:absolute;
  top:20px;
  left:20px;
  right:-20px;
  bottom:-20px;

  border:1px solid rgba(201,168,76,.3);
}

.about-image{
  width:100%;
  height:650px;
  object-fit:cover;

  display:block;

  position:relative;
  z-index:2;

  border:1px solid var(--border);
}

.about-image-badge{
  position:absolute;
  bottom:25px;
  right:25px;
  z-index:3;

  padding:10px 18px;

  background:rgba(13,13,13,.95);

  border:1px solid var(--gold);

  color:var(--gold);

  font-size:.75rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}


.about-content{
  max-width:600px;
}

.about-tag{
  display:flex;
  align-items:center;
  gap:12px;

  margin-bottom:25px;
}

.about-tag-line{
  width:45px;
  height:1px;

  background:var(--gold);
}

.about-tag-text{
  color:var(--gold);

  text-transform:uppercase;
  letter-spacing:.25em;

  font-size:.75rem;
  font-weight:600;
}

.about-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1.1;
  color:var(--text-primary);
  margin-bottom:25px;
}

.about-title span{
  display:block;
  color:var(--gold);
}

.about-description{
  color:rgba(240,236,228,.7);

  line-height:1.9;

  margin-bottom:20px;

  font-size:1rem;
}

.about-features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  margin:40px 0;
}

.about-feature{
  padding:15px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
  color:var(--text-primary);
  font-size:.9rem;
}


.about-stats{
  display:flex;
  gap:40px;
  flex-wrap:wrap;
  margin-top:40px;
}

.about-stat h3{
  font-family:'Playfair Display',serif;
  color:var(--gold);
  font-size:2.2rem;
  margin-bottom:5px;
}

.about-stat span{
  color:var(--text-muted);

  text-transform:uppercase;
  letter-spacing:.15em;

  font-size:.7rem;
}


@media(max-width:1000px){

  .about-container{
    grid-template-columns:1fr;
  }

  .about-content{
    max-width:100%;
  }

  .about-image{
    height:550px;
  }
}


@media(max-width:768px){

  .about-section{
    padding:80px 20px;
  }

  .about-title{
    text-align:center;
  }

  .about-tag{
    justify-content:center;
  }

  .about-description{
    text-align:center;
  }

  .about-features{
    grid-template-columns:1fr;
  }

  .about-stats{
    justify-content:center;
    text-align:center;
  }

  .about-image{
    height:450px;
  }

  .about-image-frame{
    display:none;
  }
}