footer { margin-top: 0; }

/* ── PAGE HERO ── */
.page-hero { position: relative; z-index: 10; padding: 9rem 5% 5rem; text-align: center; }
.page-hero h1 { font-family: 'Space Grotesk', sans-serif; font-size: 2.8rem; font-weight: 700; color: #c5a059; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem; }
.page-hero h1::after { content: ''; display: block; width: 60px; height: 3px; background: #c5a059; margin: 12px auto 0; }
.page-hero p { font-size: 1rem; color: #3a4858; font-weight: 500; max-width: 580px; margin: 0 auto; line-height: 1.65; }

/* ── CONTENT SECTION ── */
.content-section { position: relative; z-index: 10; padding: 5rem 5%; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; max-width: 1200px; margin: 0 auto; }
.content-section.reverse { direction: rtl; }
.content-section.reverse > * { direction: ltr; }

/* ── TEXT CARD ── */
.text-card { background: rgba(242,246,249,0.82); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.95); border-radius: 8px; padding: 2.5rem 2rem; box-shadow: 0 8px 24px rgba(0,0,0,0.06); }
.text-card h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: #0c182d; margin-bottom: 1.2rem; position: relative; }
.text-card h2::after { content: ''; display: block; width: 48px; height: 3px; background: #c5a059; margin-top: 10px; }
.text-card p { font-size: 0.9rem; line-height: 1.8; color: #556; margin-bottom: 1.2rem; }

/* ── BENEFITS ── */
.benefits-list { display: grid; gap: 0.8rem; margin-top: 1.5rem; }
.benefit-item { display: flex; align-items: center; gap: 0.9rem; font-weight: 700; color: #0c182d; font-size: 0.9rem; }
.benefit-item svg { width: 20px; height: 20px; stroke: #c5a059; fill: none; stroke-width: 2.5; flex-shrink: 0; }

/* ── IMAGE WRAP ── */
.img-wrap { position: relative; padding: 0; }
.img-wrap .img-inner { position: relative; overflow: hidden; border-radius: 4px; background: transparent; }
.img-wrap img { width: 100%; height: 380px; object-fit: contain; background: transparent; display: block; transition: transform 0.4s; }
.img-wrap:hover img { transform: scale(1.03); }

/* ── TEAM ── */
.team-section { position: relative; z-index: 10; padding: 5rem 5% 6rem; text-align: center; }
.team-inner { max-width: 900px; margin: 0 auto; }
.team-heading { margin-bottom: 3.5rem; }
.team-heading h2 { font-family: 'Space Grotesk', sans-serif; font-size: 2rem; font-weight: 700; color: #0c182d; margin-bottom: 0.6rem; }
.team-heading h2::after { content: ''; display: block; width: 48px; height: 3px; background: #c5a059; margin: 10px auto 0; }
.team-heading p { font-size: 0.9rem; color: #7a8a98; font-weight: 500; margin-top: 1rem; }
.team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; justify-items: center; }
.team-card { display: flex; flex-direction: column; align-items: center; background: rgba(242,246,249,0.82); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.95); border-radius: 12px; padding: 2.5rem 2rem 2rem; box-shadow: 0 8px 32px rgba(0,0,0,0.07); width: 100%; max-width: 360px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.team-card:hover { transform: translateY(-6px); box-shadow: 0 18px 48px rgba(197,160,89,0.18); }
.team-photo-wrap { position: relative; width: 180px; height: 180px; margin-bottom: 1.8rem; }
.team-photo-wrap img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; position: relative; z-index: 2; border: 4px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.13); }
.team-photo-border { position: absolute; top: -6px; left: -6px; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: 50%; border: 2px solid #c5a059; z-index: 1; animation: rotateBorder 8s linear infinite; background: conic-gradient(#c5a059 0deg, transparent 60deg, #e8c87a 120deg, transparent 180deg, #c5a059 240deg, transparent 300deg, #c5a059 360deg); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px)); }
@keyframes rotateBorder { to { transform: rotate(360deg); } }
.team-info { text-align: center; }
.team-info h3 { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; font-weight: 700; color: #0c182d; margin-bottom: 0.5rem; }
.team-title { display: inline-block; background: linear-gradient(135deg,#c5a059,#e8c87a); color: #0c182d; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; padding: 0.35rem 1rem; border-radius: 20px; box-shadow: 0 2px 8px rgba(197,160,89,0.3); }

/* ── RESPONSIVE ── */
@media(max-width: 1024px) {
  .content-section { grid-template-columns: 1fr; gap: 2.5rem; }
  .content-section.reverse { direction: ltr; }
  .team-grid { grid-template-columns: 1fr; gap: 2rem; }
}
@media(max-width: 768px) {
  .page-hero h1 { font-size: 2rem; }
  .img-wrap img { height: 260px; }
  .team-photo-wrap { width: 150px; height: 150px; }
}