/* ============================================================
   AMI NETWORK — EXECUTIVE SEARCH
   Same design system. More elevated.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --teal-dark:   #2c5456;
  --teal:        #3d7d7f;
  --teal-mid:    #5a9496;
  --teal-light:  #7ab5b6;
  --teal-pale:   #e6f2f2;
  --teal-mist:   #c8e2e2;
  --warm:        #f5f2ee;
  --warm-deep:   #ede9e3;
  --charcoal:    #2c3e3f;
  --charcoal-lt: #526465;
  --sand:        #c4a882;
  --sand-pale:   #f0e8dc;
  --gold:        #b8965a;
  --gold-pale:   #f7f0e6;
  --gold-deep:   #8a6e3e;
  --white:       #ffffff;
  --nav-h:       72px;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--warm);
  color: var(--charcoal);
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.container { max-width: 1160px; margin: 0 auto; padding: 0 40px; }
@media(max-width:768px){ .container{ padding:0 20px; } }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(28px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes pulseRing {
  0%   { transform:scale(1);   opacity:0.6; }
  100% { transform:scale(1.8); opacity:0; }
}
@keyframes floatOrb {
  0%,100% { transform:translateY(0) rotate(0deg); }
  33%     { transform:translateY(-18px) rotate(2deg); }
  66%     { transform:translateY(8px) rotate(-1deg); }
}
.fade-up { animation:fadeUp 0.8s cubic-bezier(0.22,1,0.36,1) both; }
.fade-up-1 { animation-delay:0.08s; }
.fade-up-2 { animation-delay:0.18s; }
.fade-up-3 { animation-delay:0.28s; }
.fade-up-4 { animation-delay:0.38s; }
.fade-up-5 { animation-delay:0.48s; }


/* ============================================================
   HERO — elevated, full-width, atmospheric dark
   ============================================================ */
.hero {
  margin-top:var(--nav-h);
  /* min-height:680px; */
  background: var(--charcoal);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
}

/* Deep atmospheric background */
.hero-atmosphere {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 900px 600px at 20% 50%, rgba(44,84,86,0.55) 0%, transparent 70%),
    radial-gradient(ellipse 500px 500px at 85% 20%, rgba(196,168,130,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 600px 400px at 70% 90%, rgba(61,125,127,0.12) 0%, transparent 60%);
}

/* Subtle grid lines */
.hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(200,226,226,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,226,226,0.04) 1px, transparent 1px);
  background-size:80px 80px;
}

/* Floating decorative orbs */
.hero-orb {
  position:absolute; border-radius:50%; pointer-events:none;
  animation:floatOrb 8s ease-in-out infinite;
}
.hero-orb-1 {
  width:380px; height:380px; top:-80px; right:8%;
  border:0.5px solid rgba(196,168,130,0.12);
  animation-delay:0s;
}
.hero-orb-2 {
  width:220px; height:220px; top:15%; right:18%;
  border:0.5px solid rgba(122,181,182,0.1);
  background:radial-gradient(circle, rgba(122,181,182,0.04), transparent 70%);
  animation-delay:2s;
}
.hero-orb-3 {
  width:140px; height:140px; bottom:15%; right:28%;
  background:radial-gradient(circle, rgba(196,168,130,0.06), transparent 70%);
  animation-delay:4s;
}

/* Gold accent rule */
.hero-rule {
  position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(to bottom, transparent 5%, var(--gold) 30%, rgba(196,168,130,0.4) 70%, transparent 95%);
}

.hero-inner {
	position:relative; z-index:2;
	/* padding:60px 0; */
	padding:100px 60px;
}

/* Gold pill badge */
.exec-badge {
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(196,168,130,0.12);
  border:0.5px solid rgba(196,168,130,0.4);
  border-radius:2px;
  padding:7px 16px;
  margin-bottom:28px;
}
.exec-badge-line {
  width:24px; height:1px;
  background:linear-gradient(to right, var(--gold), rgba(196,168,130,0.4));
}
.exec-badge-text {
  font-size:9px; font-weight:600; letter-spacing:0.28em;
  text-transform:uppercase; color:var(--sand);
}

/* Hero eyebrow */
.hero-eyebrow {
  font-size:10px; font-weight:500; letter-spacing:0.28em;
  text-transform:uppercase; color:rgba(200,226,226,0.5);
  margin-bottom:20px;
}

/* Hero title — large, elegant */
.hero-title {
  font-family:'Cormorant Garamond', serif;
  /* font-size:clamp(48px, 6.5vw, 86px); */
  font-size:clamp(40px,5.5vw,72px);
  font-weight:300;
  color:white;
  line-height:1.0;
  letter-spacing:-0.02em;
  margin-bottom:28px;
}
.hero-title em {
  font-style:italic;
  font-weight:300;
  /* Gold shimmer on the italic */
  background: linear-gradient(120deg, var(--sand) 0%, #e8d4b0 40%, var(--gold) 60%, var(--sand) 100%);
  background-size:200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:shimmer 4s linear infinite;
}

.hero-body {
  font-size:17px; font-weight:300;
  color:rgba(255,255,255,0.55);
  /* max-width:520px; */
	max-width:760px;
  line-height:1.8;
  margin-bottom:44px;
  font-style:italic;
}
.page-id-16 .hero-body{
	max-width:100%;
}
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; align-items:center; }

/* Primary gold button — elevated */
.btn-gold {
  display:inline-flex; align-items:center; gap:10px;
  background:transparent;
  border:1px solid rgba(196,168,130,0.5);
  color:var(--sand);
  font-size:10px; font-weight:600; letter-spacing:0.24em; text-transform:uppercase;
  padding:14px 32px;
  border-radius:2px;
  cursor:pointer;
  transition:all 0.3s;
  position:relative; overflow:hidden;
}
.btn-gold::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(196,168,130,0.1) 50%, transparent 100%);
  transform:translateX(-100%);
  transition:transform 0.4s;
}
.btn-gold:hover { border-color:rgba(196,168,130,0.8); color:white; }
.btn-gold:hover::before { transform:translateX(100%); }
.btn-gold svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:1.5; }

/* Ghost white button */
.btn-ghost-white {
  display:inline-flex; align-items:center; gap:8px;
  background:transparent;
  color:rgba(255,255,255,0.45);
  font-size:10px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase;
  padding:14px 0;
  border:none; cursor:pointer;
  transition:color 0.2s;
}
.btn-ghost-white:hover { color:rgba(255,255,255,0.8); }

/* Hero credential strip */
.hero-credentials {
  margin-top:30px;
  display:flex; align-items:center; gap:40px; flex-wrap:wrap;
}
.hero-cred-divider {
  width:40px; height:0.5px; background:rgba(200,226,226,0.2);
}
.hero-cred {
  display:flex; align-items:center; gap:12px;
}
.hero-cred-num {
  font-family:'Cormorant Garamond',serif;
  font-size:28px; font-weight:300;
  color:var(--sand); line-height:1;
}
.hero-cred-label {
  font-size:9px; font-weight:500; letter-spacing:0.18em;
  text-transform:uppercase; color:rgba(255,255,255,0.3);
  line-height:1.4;
}

/* ============================================================
   DISCIPLINES STRIP — warm gold bar
   ============================================================ */
.disciplines-strip {
  background:#c4a882;
  padding:0;
  border-bottom:1px solid #b5996e;
  overflow:hidden;
}
.disciplines-inner {
  display:flex; flex-wrap:wrap;
}
.discipline-item {
  flex:1; min-width:140px;
  padding:26px 24px;
  text-align:center;
  border-right:0.5px solid rgba(44,62,63,0.15);
  transition:background 0.2s;
}
.discipline-item:last-child { border-right:none; }
.discipline-item:hover { background:rgba(44,62,63,0.06); }
.discipline-role {
  font-family:'Cormorant Garamond',serif;
  font-size:18px; font-weight:500; color:#2c3e3f;
  line-height:1.2; margin-bottom:4px;
}
.discipline-type {
  font-size:8px; font-weight:600; letter-spacing:0.2em;
  text-transform:uppercase; color:#2c3e3f; opacity:0.55;
}

/* ============================================================
   WHAT WE PLACE — services, elevated card layout
   ============================================================ */
.placement-section {
  padding:100px 0;
  background:var(--warm);
}
.placement-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  margin-top:56px;
}
@media(max-width:860px){ .placement-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:540px){ .placement-grid{ grid-template-columns:1fr; } }

.placement-card {
  background:white;
  padding:40px 36px;
  position:relative;
  overflow:hidden;
  transition:transform 0.3s, box-shadow 0.3s;
}
.placement-card::before {
  content:'';
  position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(to right, var(--gold), rgba(196,168,130,0.2));
  transform:scaleX(0); transform-origin:left;
  transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);
}
.placement-card:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(44,62,63,0.08); }
.placement-card:hover::before { transform:scaleX(1); }

.placement-number {
  font-family:'Cormorant Garamond',serif;
  font-size:11px; font-weight:500; letter-spacing:0.2em;
  color:var(--sand); margin-bottom:20px;
  display:flex; align-items:center; gap:12px;
}
.placement-number::after {
  content:''; flex:1; height:0.5px; background:var(--teal-mist);
}
.placement-title {
  font-family:'Cormorant Garamond',serif;
  font-size:22px; font-weight:500; color:var(--charcoal);
  line-height:1.25; margin-bottom:12px;
}
.placement-desc {
  font-size:13px; color:var(--charcoal-lt);
  line-height:1.7;
}

/* ============================================================
   THE PROCESS — editorial horizontal layout
   ============================================================ */
.process-section {
  padding:100px 0;
  background:var(--charcoal);
  position:relative; overflow:hidden;
}
.process-section::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 800px 500px at 80% 50%, rgba(44,84,86,0.4), transparent 70%);
  pointer-events:none;
}
.process-section .section-eyebrow { color:rgba(196,168,130,0.7); }
.process-section .section-title { color:white; }
.process-section .section-sub { color:rgba(255,255,255,0.45); }

.process-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:60px;
  position:relative; z-index:1;
}
@media(max-width:800px){ .process-grid{ grid-template-columns:repeat(2,1fr); } }

.process-step {
  padding:40px 36px;
  border-right:0.5px solid rgba(200,226,226,0.08);
  position:relative;
}
.process-step:last-child { border-right:none; }

.process-num {
  font-family:'Cormorant Garamond',serif;
  font-size:48px; font-weight:300;
  color:rgba(196,168,130,0.2);
  line-height:1; margin-bottom:20px;
}
.process-title {
  font-family:'Cormorant Garamond',serif;
  font-size:20px; font-weight:500; color:white;
  margin-bottom:12px;
}
.process-desc {
  font-size:13px; color:rgba(255,255,255,0.4);
  line-height:1.75;
}
.process-connector {
  position:absolute; top:52px; right:-1px;
  width:2px; height:20px;
  background:linear-gradient(to bottom, var(--gold), transparent);
  display:none;
}

/* ============================================================
   DISTINCTION BANNER — what sets exec search apart
   ============================================================ */
.distinction-section {
  padding:80px 0;
  background:var(--gold-pale);
  border-top:0.5px solid rgba(196,168,130,0.25);
  border-bottom:0.5px solid rgba(196,168,130,0.25);
}
.distinction-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}
@media(max-width:768px){ .distinction-inner{ grid-template-columns:1fr; gap:40px; } }

.distinction-label {
  font-size:9px; font-weight:600; letter-spacing:0.28em;
  text-transform:uppercase; color:var(--gold-deep);
  margin-bottom:16px;
}
.distinction-headline {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(28px,3.5vw,44px);
  font-weight:400; color:var(--charcoal);
  line-height:1.2; margin-bottom:20px;
}
.distinction-headline em { font-style:italic; color:var(--gold-deep); }
.distinction-body {
  font-size:15px; color:var(--charcoal-lt);
  line-height:1.8; font-style:italic;
}

.distinction-list { list-style:none; }
.distinction-list li {
  display:flex; align-items:flex-start; gap:16px;
  padding:18px 0;
  border-bottom:0.5px solid rgba(196,168,130,0.2);
  font-size:14px; color:var(--charcoal-lt);
  line-height:1.6;
}
.distinction-list li:first-child { border-top:0.5px solid rgba(196,168,130,0.2); }
.distinction-list-icon {
  width:24px; height:24px; flex-shrink:0; margin-top:2px;
  background:rgba(196,168,130,0.15);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.distinction-list-icon svg {
  width:11px; height:11px; stroke:var(--gold-deep); fill:none; stroke-width:2;
}
.distinction-list-title {
  font-family:'Cormorant Garamond',serif;
  font-size:16px; font-weight:500; color:var(--charcoal);
  margin-bottom:3px;
}

/* ============================================================
   CANDIDATE SHOWCASE — resume cards styled for exec level
   ============================================================ */
.candidates-section {
  padding:100px 0;
  background:var(--warm-deep);
}
.candidates-grid-6 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:52px;
}
@media(max-width:860px){ .candidates-grid-6{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:540px){ .candidates-grid-6{ grid-template-columns:1fr; } }

.candidate-card-new {
  background:white;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 20px rgba(44,62,63,0.06);
  transition:transform 0.3s, box-shadow 0.3s;
}
.candidate-card-new:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(44,62,63,0.1); }
.candidate-preview-new {
  padding:20px; background:#fafafa;
  border-bottom:1px solid var(--teal-mist);
}
.ami-stamp-new {
  font-size:8px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--teal); margin-bottom:12px; opacity:0.7;
}
.resume-header-new { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.resume-avatar-new {
  width:30px; height:30px; border-radius:50%;
  background:linear-gradient(135deg, var(--teal-pale), var(--teal-mist)); flex-shrink:0;
}
.resume-name-block-new { flex:1; }
.resume-redact-new {
  height:8px; border-radius:2px;
  background:var(--teal-mist); margin-bottom:5px;
}
.resume-redact-new.rname { width:65%; }
.resume-redact-new.rsub  { width:45%; background:var(--teal-pale); }
.resume-section-label-new {
  font-size:8px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--charcoal-lt); margin:10px 0 7px;
}
.resume-entry-new { margin-bottom:10px; }
.resume-redacted-block-new {
  height:8px; border-radius:2px;
  background:var(--charcoal); opacity:0.15; margin-bottom:5px;
}
.resume-redacted-block-new.w75 { width:75%; }
.resume-redacted-block-new.w60 { width:60%; }
.resume-redacted-block-new.w45 { width:45%; }
.resume-line-new {
  height:5px; border-radius:2px; background:var(--teal-mist); margin-bottom:4px;
}
.resume-line-new.w100 { width:100%; }
.resume-line-new.w85  { width:85%; }
.resume-line-new.w70  { width:70%; }
.resume-line-new.w55  { width:55%; }
.candidate-footer-new {
  padding:14px 20px;
  background:white;
}
.candidate-role-new {
  font-size:11px; font-weight:500; color:var(--charcoal); letter-spacing:0.04em;
}

.candidates-cta-new {
  text-align:center; margin-top:44px;
}

/* ============================================================
   WHY EXEC SEARCH — stats with elevated treatment
   ============================================================ */
.why-section {
  padding:100px 0;
  background:var(--warm);
}
.why-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--teal-mist);
  margin-top:56px;
  border:1px solid var(--teal-mist);
}
@media(max-width:768px){ .why-grid{ grid-template-columns:repeat(2,1fr); } }

.why-stat {
  background:white; padding:40px 32px;
  text-align:center;
  transition:background 0.2s;
}
.why-stat:hover { background:var(--gold-pale); }
.why-stat-num {
  font-family:'Cormorant Garamond',serif;
  font-size:52px; font-weight:300; color:var(--charcoal);
  line-height:1; margin-bottom:6px;
}
.why-stat-label {
  font-size:9px; font-weight:600; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--gold-deep);
  margin-bottom:10px;
}
.why-stat-desc {
  font-size:12px; color:var(--charcoal-lt); line-height:1.6;
}

/* ============================================================
   TESTIMONIALS — elevated dark version
   ============================================================ */
.testimonials {
  padding:100px 0;
  background:var(--charcoal);
  position:relative; overflow:hidden;
}
.testimonials::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 600px 400px at 10% 80%, rgba(44,84,86,0.35), transparent 70%);
  pointer-events:none;
}
.testimonials .section-eyebrow { color:rgba(196,168,130,0.6); }
.testimonials .section-title { color:white; }
.testimonials .section-sub { color:rgba(255,255,255,0.4); }

.testimonials-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  margin-top:52px; position:relative; z-index:1;
}
@media(max-width:768px){ .testimonials-grid{ grid-template-columns:1fr; } }

.testimonial-card {
  background:rgba(255,255,255,0.04);
  border:0.5px solid rgba(200,226,226,0.1);
  border-radius:4px; padding:36px 32px;
  transition:border-color 0.3s, background 0.3s;
  position:relative;
}
.testimonial-card::before {
  content:'\201C';
  position:absolute; top:20px; left:28px;
  font-family:'Cormorant Garamond',serif;
  font-size:72px; font-weight:300;
  color:rgba(196,168,130,0.12); line-height:1;
  pointer-events:none;
}
.testimonial-card:hover {
  border-color:rgba(196,168,130,0.2);
  background:rgba(255,255,255,0.06);
}
.testimonial-quote {
  font-family:'Cormorant Garamond',serif;
  font-size:17px; font-weight:300; font-style:italic;
  color:rgba(255,255,255,0.75);
  line-height:1.7; margin-bottom:24px;
  padding-top:20px;
}
.testimonial-divider {
  width:32px; height:0.5px;
  background:var(--gold); opacity:0.5;
  margin-bottom:16px;
}
.testimonial-name {
  font-size:13px; font-weight:500; color:white; margin-bottom:2px;
}
.testimonial-role {
  font-size:10px; letter-spacing:0.14em; text-transform:uppercase;
  color:rgba(196,168,130,0.5);
}

/* ============================================================
   FAQ
   ============================================================ */
.faq-section { padding:64px 0; background:var(--warm); }
.faq-grid { max-width:760px; margin:36px auto 0; }
.faq-item {
  border-bottom:0.5px solid var(--teal-mist);
}
.faq-question {
  width:100%; display:flex; justify-content:space-between; align-items:center;
  padding:22px 0; background:none; border:none; cursor:pointer;
  font-family:'DM Sans',sans-serif;
  font-size:15px; font-weight:500; color:var(--charcoal);
  text-align:left; gap:20px; transition:color 0.2s;
}
.faq-question:hover { color:var(--teal); }
.faq-plus {
  font-size:22px; font-weight:300; color:var(--sand);
  flex-shrink:0; transition:transform 0.3s;
}
.faq-question.open .faq-plus { transform:rotate(45deg); }
.faq-answer {
  display:none; padding:0 0 22px;
  font-size:14px; color:var(--charcoal-lt); line-height:1.75;
}
.faq-answer.open { display:block; }

/* ============================================================
   CONTACT
   ============================================================ */
.contact-section { padding:100px 0; background:var(--teal-dark); }
.contact-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start;
}
.executive-contact-left{
	width:75%;
}
@media(max-width:768px){ .contact-grid{ grid-template-columns:1fr; gap:48px; } }

.contact-info-eyebrow {
  font-size:9px; font-weight:600; letter-spacing:0.28em; text-transform:uppercase;
  color:rgba(196,168,130,0.7); margin-bottom:16px;
}
.contact-info-title {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(28px,3.5vw,42px); font-weight:400;
  color:white; line-height:1.15; margin-bottom:16px;
}
.contact-info-body {
  font-size:15px; color:rgba(255,255,255,0.5);
  line-height:1.75; margin-bottom:36px; font-style:italic;
}
.contact-detail { display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; }
.contact-detail-icon {
  width:38px; height:38px; border-radius:50%;
  background:rgba(255,255,255,0.06);
  border:0.5px solid rgba(200,226,226,0.15);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.contact-detail-icon svg { width:16px; height:16px; fill:none; stroke:var(--teal-light); stroke-width:1.5; }
.contact-detail-label { font-size:9px; letter-spacing:0.2em; text-transform:uppercase; color:rgba(255,255,255,0.35); margin-bottom:3px; }
.contact-detail-value { font-size:14px; color:rgba(255,255,255,0.75); }

.contact-form-wrap {
  background:rgba(255,255,255,0.04);
  border:0.5px solid rgba(200,226,226,0.12);
  border-radius:4px; padding:40px;
}
.contact-form-title {
  font-family:'Cormorant Garamond',serif;
  font-size:22px; font-weight:500; color:white;
  margin-bottom:28px;
}
.form-group { margin-bottom:20px; }
.form-label { display:block; font-size:10px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.4); margin-bottom:8px; }
.form-input, .form-select, .form-textarea {
  width:100%; padding:12px 16px;
  background:rgba(255,255,255,0.06);
  border:0.5px solid rgba(200,226,226,0.15);
  border-radius:3px;
  font-family:'DM Sans',sans-serif; font-size:14px;
  color:white;
  transition:border-color 0.2s, background 0.2s;
  outline:none;
}
.form-input::placeholder, .form-textarea::placeholder { color:rgba(255,255,255,0.25); }
.form-input:focus, .form-textarea:focus {
  border-color:rgba(196,168,130,0.4);
  background:rgba(255,255,255,0.08);
}
.form-select { color:rgba(255,255,255,0.6); }
.form-textarea { resize:vertical; min-height:100px; }
.form-submit {
  width:100%; padding:15px;
  background:transparent;
  border:1px solid rgba(196,168,130,0.5);
  color:var(--sand);
  font-size:10px; font-weight:600; letter-spacing:0.28em; text-transform:uppercase;
  border-radius:2px; cursor:pointer;
  transition:all 0.3s; margin-top:8px;
}
.form-submit:hover { background:rgba(196,168,130,0.1); border-color:rgba(196,168,130,0.8); color:white; }

/* ============================================================
   SECTION SHARED STYLES
   ============================================================ */
.section-header { margin-bottom:16px; }
.section-eyebrow {
  font-size:9px; font-weight:600; letter-spacing:0.28em; text-transform:uppercase;
  color:var(--teal-mid); margin-bottom:12px;
}
.section-title {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(30px,4vw,48px); font-weight:400;
  color:var(--charcoal); line-height:1.15; margin-bottom:14px;
}
.section-sub {
  font-size:15px; color:var(--charcoal-lt);
  line-height:1.75; max-width:560px; font-style:italic;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-primary {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--teal); color:white;
  font-size:11px; font-weight:500; letter-spacing:0.14em; text-transform:uppercase;
  padding:13px 28px; border-radius:4px; border:none; cursor:pointer;
  transition:background 0.2s, transform 0.15s;
}
.btn-primary:hover { background:var(--teal-dark); transform:translateY(-1px); }



/* ── DROPDOWN NAV ── */
.nav-links .nav-dropdown { position:relative; }
.nav-dropdown > a { cursor:pointer; }
.nav-dropdown-menu {
  display:none; position:absolute; top:calc(100% + 10px); left:50%;
  transform:translateX(-50%);
  background:white; border:0.5px solid var(--teal-mist);
  border-radius:10px; padding:8px 0; min-width:190px;
  box-shadow:0 8px 32px rgba(44,62,63,0.12); z-index:300; list-style:none;
}
.nav-dropdown:hover .nav-dropdown-menu { display:block; }
.nav-dropdown-menu li a {
  display:block; padding:10px 20px;
  font-size:13px; color:var(--charcoal-lt); transition:color .15s,background .15s;
}
.nav-dropdown-menu li a:hover { color:var(--teal); background:var(--teal-pale); }


/* Executive search hero graphic */
.exec-hero-graphic {
  position:absolute; right:8%; top:50%; transform:translateY(-50%);
  width:280px; height:280px; pointer-events:none; z-index:1;
}
.exec-hero-graphic-ring {
  position:absolute; border-radius:50%;
  border:0.5px solid rgba(196,168,130,0.15);
  top:50%; left:50%; transform:translate(-50%,-50%);
}
.exec-hero-graphic-ring:nth-child(1) { width:280px;height:280px; }
.exec-hero-graphic-ring:nth-child(2) { width:200px;height:200px;border-color:rgba(122,181,182,0.12); animation:spinSlow 30s linear infinite; }
.exec-hero-graphic-ring:nth-child(3) { width:120px;height:120px;background:rgba(196,168,130,0.04); animation:spinSlow 20s linear infinite reverse; }
.exec-hero-graphic-dot {
  position:absolute; width:6px;height:6px; border-radius:50%;
  background:var(--gold); top:10%; left:50%;
}
@keyframes spinSlow { from{transform:translate(-50%,-50%) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg)} }


/* Executive placement cards */
.exec-placement-card {
  background:rgba(255,255,255,0.03);
  padding:32px 28px;
  border-bottom:none;
  transition:background .2s;
}
.exec-placement-card:hover { background:rgba(255,255,255,0.07); }
.epc-tag {
  font-size:9px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--sand);margin-bottom:10px;
}
.epc-title {
  font-family:'Cormorant Garamond',serif;
  font-size:22px;font-weight:400;color:white;
  line-height:1.2;margin-bottom:8px;
}
.epc-org { font-size:13px;font-weight:500;color:rgba(255,255,255,0.6);margin-bottom:4px; }
.epc-detail { font-size:11px;color:rgba(255,255,255,0.3);letter-spacing:0.04em; }


.portfolio-section{
  padding:100px 0;
  background:var(--charcoal);
  position:relative;
  overflow:hidden;
}
.portfolio-bg{
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 600px 400px at 10% 80%,rgba(44,84,86,0.35),transparent 70%);
  pointer-events:none;
}
.portfolio-header{
  text-align:left;
  max-width:560px;
}
.section-desc{
  font-size:15px;
  color:rgba(255,255,255,0.4);
  line-height:1.75;
  font-style:italic;
}
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(200,226,226,0.08);
  margin-top:52px;
}
.exec-placement-card{
  padding:24px;
  background:rgba(255,255,255,0.02);
}
.epc-tag{
  font-size:11px;
  color:var(--sand);
  text-transform:uppercase;
  letter-spacing:.12em;
}
.epc-title{
  font-size:18px;
  color:#fff;
  margin-top:6px;
}
.epc-org{
  font-size:14px;
  color:rgba(255,255,255,0.7);
  margin-top:4px;
}
.epc-detail{
  font-size:12px;
  color:rgba(255,255,255,0.4);
  margin-top:6px;
}
.portfolio-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:12px;
  text-align:center;
}
.portfolio-cta-text{
  font-family:'Cormorant Garamond',serif;
  font-size:20px;
  font-weight:300;
  color:rgba(255,255,255,0.4);
  font-style:italic;
}
.portfolio-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  font-weight:600;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--sand);
  border:0.5px solid rgba(196,168,130,0.4);
  padding:10px 20px;
  border-radius:4px;
  text-decoration:none;
  transition:all .2s;
}
.portfolio-btn:hover{
  border-color:var(--sand);
  color:#fff;
}

.section-title1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(30px,4vw,48px);
    font-weight: 400;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 14px;
}