/* ===== About Page (Theme-matched) ===== */
.about-container{
  width: min(1140px, calc(100% - 32px));
  margin-inline: auto;
}

/* HERO */
.about-hero{
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* page header overlay safe area (agar navbar sticky hai) */
  padding: 70px 0 60px;
}

.about-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.15));
}

.about-hero .about-container{
  position: relative;
  z-index: 1;
}

.about-hero-kicker{
  margin: 0 0 12px 0;
  color: rgba(255,255,255,.75);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
}

.about-hero-title{
  margin: 0;
  font-size: 64px;
  font-weight: 900;
  line-height: 1.05;
  color: #fff;
}

.about-hero-sub{
  margin: 14px 0 0 0;
  font-size: 16px;
  color: rgba(255,255,255,.78);
  font-weight: 600;
}

/* SECTIONS */
.about-sec{
  padding: 80px 0;
}

.about-kicker{
  margin: 0 0 10px 0;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(16,19,25,.60);
}

/* BIO (beige) */
.about-sec--bio{
  background: #e9e6d6;
}

.about-bio-row{
  row-gap: 24px;
  align-items: center;
}

/* text */
.about-text p{
  margin: 0 0 14px 0;
  font-size: 14px;
  line-height: 1.85;
  color: rgba(16,19,25,.78);
}

/* image card */
.about-photo{
  background: rgba(255,255,255,.55);
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 24px 60px rgba(16,19,25,.12);
}

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

/* AMAZON */
.about-sec--amazon{
  background: #eef2f6;
}

.about-amz-title{
  margin: 0 0 12px 0;
  text-align: center;
  font-size: 44px;
  font-weight: 900;
  color: #101319;
  line-height: 1.15;
}

.about-amz-text{
  margin: 0 auto 34px;
  text-align: center;
  max-width: 860px;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(16,19,25,.70);
}

.about-amz-row{
  row-gap: 18px;
}

/* cards */
.about-amz-card{
  display: grid;
  place-items: center;
  gap: 10px;

  text-decoration: none;
  background: #fff;
  border: 1px solid rgba(16,19,25,.08);
  border-radius: 18px;
  padding: 26px 16px;
  box-shadow: 0 18px 45px rgba(16,19,25,.08);
  color: #101319;
}

.about-amz-ico{
  width: 66px;
  height: 66px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(16,19,25,.06);
}

.about-amz-card svg{
  color: #101319;
}

.about-amz-label{
  font-weight: 900;
  font-size: 16px;
  text-transform: lowercase;
}

.about-amz-card:hover{
  transform: translateY(-2px);
  transition: transform .18s ease;
}

/* Responsive */
@media (max-width: 991.98px){
  .about-hero-title{ font-size: 48px; }
  .about-sec{ padding: 65px 0; }
  .about-amz-title{ font-size: 34px; }
}

@media (max-width: 575.98px){
  .about-container{ width: calc(100% - 22px); }
  .about-hero{ min-height: 360px; padding: 64px 0 52px; }
  .about-hero-title{ font-size: 38px; }
  .about-amz-title{ font-size: 28px; }
  .about-photo{ border-radius: 22px; padding: 14px; }
}