/* Pages À propos et Freelance digital à Bordeaux */
.about-hero { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 28px; padding-top: 64px; padding-bottom: 56px; }
.about-hero .glow { top: -260px; right: max(-160px, (100% - 1440px) / 2); }
.about-hero .lead { max-width: 780px; }
.page-about { padding-top: 24px; }
.page-title-h2 { max-width: 760px; }
.values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 40px; }
.value { display: flex; flex-direction: column; gap: 12px; padding: 32px; }
.value__num { font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--yellow); }
.value__title { font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; }
.value__text { font-size: 17px; line-height: 1.6; color: var(--label-2); }
.values--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pg-text { display: flex; flex-direction: column; gap: 18px; max-width: 820px; margin-top: 28px; font-size: 18px; line-height: 1.7; color: var(--label-2); }
.pg-text a { color: var(--label); text-decoration: underline; text-decoration-color: var(--yellow); text-underline-offset: 3px; }
.pg-text a:hover { color: var(--yellow); }
.pg-list { margin-top: 40px; }
.pg-chips { margin-top: 28px; }

/* Vidéo de présentation */
.pg-video { display: flex; flex-direction: column; gap: 24px; }
.pg-video__player { display: flex; flex-direction: column; gap: 14px; max-width: 960px; margin: 0; }
.pg-video__player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; border-radius: var(--r-card); box-shadow: 0 0 0 1px rgba(255, 255, 255, .08); }
.pg-video__player figcaption { max-width: 760px; font-size: 15px; line-height: 1.55; color: var(--label-3); }
.pg-video__cta { margin: 0; }

@media (max-width: 1024px) {
  .values--3 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .values { grid-template-columns: minmax(0, 1fr); }
  .value { padding: 24px; }
}
@media (max-width: 640px) {
  .about-hero { padding-top: 40px; padding-bottom: 40px; }
  .pg-text { font-size: 17px; }
}