.about-kicker{

  font-size:.72rem;

  letter-spacing:.28em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  margin-bottom:24px;

  font-weight:700;

}

.about-cards{

  padding:40px 0 120px;

}

.about-cards .container{

  width:min(1180px, 90%);

  margin:0 auto;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:28px;

}

.about-card{

  padding:38px 34px;

  border-radius:30px;

  background:rgba(255,255,255,.03);

  border:1px solid rgba(255,255,255,.06);

  backdrop-filter:blur(10px);

  transition:.3s ease;

}

.about-card:hover{

  transform:translateY(-6px);

  border-color:rgba(253,193,3,.18);

}

.about-card-label{

  font-size:.7rem;

  letter-spacing:.24em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  margin-bottom:18px;

}

.about-card h3{

  font-family:"Playfair Display", serif;

  font-size:.85rem;

  line-height:1;

  margin-bottom:18px;

  color:var(--panea-yellow);

}

.about-card p{

  line-height:1.9;

  color:rgba(255,255,255,.72);

}
/* =========================
   CURRENT ABOUT LAYOUT
========================= */
.about-page{

  padding:70px 0 120px;

}


.about-bottom{

  width:min(1180px, 90%);

  margin:90px auto 0;

  display:flex;

  flex-direction:column;

  align-items:center;

  text-align:center;
}

.about-body{
  font-size:1.08rem;

  line-height:1.9;

  color:rgba(255,255,255,.76);

  margin-top:30px;

  max-width:700px;

  margin:30px auto 30px;

  text-align:center;

}

.about-tag{

  text-align:center;

  margin-top:38px;

  font-size:.78rem;

  letter-spacing:.22em;

  text-transform:uppercase;

  color:rgba(255,255,255,.45);

}

.about-highlight{

  max-width:820px;

  margin:20px auto 0;

  margin-top:20px;

  font-family:"Playfair Display", serif;

  font-size:clamp(1.8rem, 4vw, 3rem);

  line-height:1.35;

  text-align: center;

  font-style:italic;

  color:rgba(255,255,255,.92);

}

.about-highlight span{

  color:var(--panea-yellow);

  font-style:italic;

}

.about-top{

  width:min(1180px, 88%);

  margin:40px auto 0;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:60px;

}

/* IMAGE */

.about-image{

  width:340px;

  aspect-ratio:1/1;

  border-radius:50%;

  overflow:hidden;

  flex-shrink:0;

}

.about-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  object-position:center top;

  display:block;

}

/* TEXT */

.about-text{

  max-width:460px;

}

/* SMALL LABEL */

.about-number{

  font-size:.72rem;

  letter-spacing:.24em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  margin-bottom:18px;

  font-weight:700;

}

/* TITLE */

.about-title{

  font-family:"Playfair Display", serif;

  font-size:clamp(4rem, 6vw, 6rem);

  line-height:.9;

  color:var(--panea-white);

  margin-bottom:26px;
}


.about-title span{

  color:var(--panea-yellow);

}

/* INTRO */

.about-intro{

  font-size:1.18rem;

  line-height:1.9;

  color:rgba(255,255,255,.74);

}

.about-intro span{

  color:var(--panea-yellow);

  font-weight:600;

}