body { font-family: 'Montserrat', sans-serif; background: #ffffff; color: #0a0a0a; overflow-x: hidden; margin: 0; }
a { color: #C9A84C; }
a:hover { color: #e8c96a; }
.body-copy { font-size: 16px; line-height: 1.95; color: #555; font-weight: 300; margin: 0 0 22px; }
.lead-copy { font-size: 20px; line-height: 1.8; color: #2a2a2a; font-weight: 400; margin: 0 0 32px; }
.sign { font-family: 'Great Vibes', cursive; font-size: 44px; line-height: 1; color: #C9A84C; margin: 22px 0 6px; }
.role { font-size: 11px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; color: #888; margin: 0; }
.portrait-wrap { position: relative; }
.portrait-frame { position: absolute; top: -14px; right: -14px; bottom: 14px; left: 14px; border: 2px solid rgba(201,168,76,0.35); border-radius: 2px; z-index: 0; }
.value-row { display: flex; gap: 16px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #eee; }
.value-mark { width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(201,168,76,0.5); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.value-mark span { width: 7px; height: 7px; background: #C9A84C; transform: rotate(45deg); display: block; }
.value-title { font-size: 14px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #0a0a0a; margin: 0 0 4px; }
.value-desc { font-size: 14px; color: #777; line-height: 1.7; margin: 0; font-weight: 300; }

@media (max-width: 767px) {
  .sign { font-size: 38px; }
}