/* ═══ ABOUT PAGE SPECIFIC ═══ */
.about-body { padding: 100px 72px; max-width: 1440px; margin: 0 auto; }

.about-intro {
  display: grid; grid-template-columns: 1fr 1fr; gap: 100px;
  align-items: center; margin-bottom: 120px;
}
.about-img-wrap { position: relative; }
.about-img-stack { position: relative; width: 100%; aspect-ratio: 4/5; }
.about-img-main { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-img-inset {
  position: absolute; bottom: -32px; right: -32px;
  width: 52%; aspect-ratio: 1; object-fit: cover;
  border: 4px solid var(--navy);
}
.about-badge { position: absolute; top: -18px; left: -18px; background: var(--gold); color: var(--navy); padding: 26px 30px; z-index: 2; }
.about-badge-num { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 300; line-height: 1; display: block; }
.about-badge-txt { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; margin-top: 4px; display: block; }
.about-frame { position: absolute; bottom: -18px; right: -18px; width: 60%; height: 60%; border: 1px solid rgba(201,168,76,.2); z-index: -1; }

/* Values */
.values-section {
  background: var(--navy-mid); padding: 100px 72px;
}
.values-header { text-align: center; margin-bottom: 72px; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; max-width: 1300px; margin: 0 auto; }
.value-card {
  background: var(--navy); padding: 52px 44px;
  border-top: 3px solid transparent; transition: border-color .3s;
}
.value-card:hover { border-top-color: var(--gold); }
.value-icon { font-size: 36px; margin-bottom: 22px; display: block; }
.value-title { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 400; color: var(--white); margin-bottom: 14px; }
.value-desc { font-size: 14px; line-height: 1.85; color: rgba(212,207,199,.65); font-weight: 300; }

/* Mission Vision */
.mv-section { padding: 100px 72px; max-width: 1440px; margin: 0 auto; }
.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.mv-card {
  padding: 72px 60px; position: relative; overflow: hidden;
}
.mv-card:first-child { background: var(--navy-mid); }
.mv-card:last-child { background: var(--navy-light); }
.mv-card::before {
  content: attr(data-letter);
  position: absolute; bottom: -20px; right: 20px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 180px; font-weight: 300; color: rgba(201,168,76,.04);
  line-height: 1; pointer-events: none;
}
.mv-label { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: block; }
.mv-title { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 300; color: var(--white); line-height: 1.2; margin-bottom: 22px; }
.mv-body { font-size: 15px; line-height: 1.9; color: rgba(212,207,199,.72); font-weight: 300; }

/* Services List */
.services-section { background: var(--navy); padding: 100px 72px 120px; }
.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; max-width: 1200px; margin: 40px auto 0; }
.service-item {
  padding: 28px 36px; border: 1px solid rgba(255,255,255,.05);
  display: flex; gap: 20px; align-items: flex-start;
  transition: border-color .3s, background .3s;
}
.service-item:hover { border-color: rgba(201,168,76,.2); background: rgba(201,168,76,.02); }
.service-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); flex-shrink: 0; margin-top: 8px; }
.service-text { font-size: 14px; color: rgba(212,207,199,.75); line-height: 1.7; font-weight: 300; }

/* CTA */
.about-cta {
  background: var(--gold); padding: 80px 72px;
  display: flex; justify-content: space-between; align-items: center; gap: 40px;
}
.about-cta-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 3vw, 44px); font-weight: 300; color: var(--navy); line-height: 1.2; }
.btn-dark { padding: 18px 44px; background: var(--navy); color: var(--white); text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; transition: background .3s; flex-shrink: 0; display: inline-block; }
.btn-dark:hover { background: var(--navy-light); }

@media(max-width:900px){
  .about-body { padding: 60px 24px; }
  .about-intro { grid-template-columns: 1fr; gap: 60px; margin-bottom: 60px; }
  .about-img-inset { display: none; }
  .values-section { padding: 60px 24px; }
  .values-grid { grid-template-columns: 1fr; }
  .mv-section { padding: 60px 24px; }
  .mv-grid { grid-template-columns: 1fr; }
  .services-section { padding: 60px 24px; }
  .services-grid { grid-template-columns: 1fr; }
  .about-cta { flex-direction: column; padding: 60px 24px; }
}