.pers-hero {
  position: relative; height: 65vh; min-height: 480px; overflow: hidden; margin-top: 58px;
}
.pers-hero img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.pers-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,.68) 0%, rgba(0,0,0,.2) 65%, transparent 100%); }
.pers-hero-content { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 64px; z-index: 2; max-width: 600px; }
.pers-hero-eyebrow { font-size: 9px; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: #b8973a; margin-bottom: 14px; display: block; }
.pers-hero-title { font-family: 'Cormorant Garamond', serif; font-size: 52px; font-weight: 300; color: #fff; line-height: 1.1; margin-bottom: 16px; }
.pers-hero-text { font-size: 13px; font-weight: 300; color: rgba(255,255,255,.78); line-height: 1.85; margin-bottom: 28px; }
.pers-hero-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 32px; background: #b8973a; color: #fff; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; transition: background .25s; }
.pers-hero-btn:hover { background: #9a7c30; }

/* Intro strip */
.pers-intro { max-width: 820px; margin: 0 auto; text-align: center; padding: 72px 40px 48px; }
.pers-intro-eyebrow { font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #b8973a; margin-bottom: 16px; }
.pers-intro-title { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 300; color: #1a1a1a; margin-bottom: 18px; line-height: 1.25; }
.pers-intro-text { font-size: 14px; font-weight: 300; color: #666; line-height: 1.9; }

/* Options grid */
.pers-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 0; }
.pers-option { padding: 52px 40px; border-right: 1px solid #eee; }
.pers-option:last-child { border-right: none; }
.pers-option-icon { font-size: 36px; margin-bottom: 18px; }
.pers-option-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 400; color: #1a1a1a; margin-bottom: 10px; }
.pers-option-text { font-size: 13px; font-weight: 300; color: #666; line-height: 1.8; }

/* Process steps */
.pers-process { max-width: 1100px; margin: 0 auto; padding: 72px 40px; }
.pers-process-title { font-family: 'Cormorant Garamond', serif; font-size: 34px; font-weight: 300; color: #1a1a1a; text-align: center; margin-bottom: 52px; }
.pers-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }
.pers-steps::before { content: ''; position: absolute; top: 28px; left: 12.5%; right: 12.5%; height: 1px; background: #e0dbd3; z-index: 0; }
.pers-step { text-align: center; padding: 0 20px; position: relative; z-index: 1; }
.pers-step-num { width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 1px solid #b8973a; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; color: #b8973a; }
.pers-step-title { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 400; color: #1a1a1a; margin-bottom: 8px; }
.pers-step-text { font-size: 12px; font-weight: 300; color: #888; line-height: 1.75; }

/* CTA */
.pers-cta { background: #1a1a1a; padding: 72px 40px; text-align: center; }
.pers-cta-eyebrow { font-size: 9px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #b8973a; margin-bottom: 14px; }
.pers-cta-title { font-family: 'Cormorant Garamond', serif; font-size: 38px; font-weight: 300; color: #fff; margin-bottom: 14px; line-height: 1.2; }
.pers-cta-text { font-size: 13px; color: rgba(255,255,255,.6); margin-bottom: 36px; line-height: 1.8; max-width: 500px; margin-left: auto; margin-right: auto; }
.pers-cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 40px; background: #b8973a; color: #fff; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; transition: background .25s; }
.pers-cta-btn:hover { background: #d4af70; }
.pers-cta-note { font-size: 11px; color: rgba(255,255,255,.35); margin-top: 16px; }

/* Gallery */
.pers-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.pers-gallery-item { aspect-ratio: 1; overflow: hidden; background: #f0ece4; }
.pers-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.pers-gallery-item:hover img { transform: scale(1.07); }

@media (max-width: 900px) {
  .pers-hero-content { padding: 0 32px; } .pers-hero-title { font-size: 38px; }
  .pers-options { grid-template-columns: 1fr; }
  .pers-option { border-right: none; border-bottom: 1px solid #eee; }
  .pers-option:last-child { border-bottom: none; }
  .pers-steps { grid-template-columns: 1fr 1fr; gap: 36px; }
  .pers-steps::before { display: none; }
  .pers-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .pers-hero { height: 55vh; } .pers-hero-content { padding: 0 24px; } .pers-hero-title { font-size: 30px; }
  .pers-intro { padding: 48px 20px 32px; } .pers-intro-title { font-size: 28px; }
  .pers-option { padding: 36px 24px; }
  .pers-process { padding: 48px 20px; }
  .pers-steps { grid-template-columns: 1fr; }
  .pers-cta { padding: 52px 24px; } .pers-cta-title { font-size: 28px; }
}
