/* V5.6 — tighten Stories in Motion → About transition */
.film-inner { padding-bottom: 26px; }
.film-foot { margin-top: 42px; }
.about.about-full { padding-top: 42px; padding-bottom: clamp(72px, 8vw, 118px); }
.about-copy-full > .eyebrow { margin-bottom: 24px; }

/* Restore a deliberate three-column skills composition.
   Intro / compact animated graph / proficiency index on one line. */
.about-full .skills-radar-section {
  display: grid;
  grid-template-columns: minmax(255px, 1.02fr) minmax(335px, 1.1fr) minmax(240px, .8fr);
  align-items: center;
  column-gap: clamp(22px, 2.7vw, 48px);
  row-gap: 22px;
  margin-top: 34px;
  padding-top: 32px;
}
.about-full .skills-radar-copy { min-width: 0; align-self: center; }
.about-full .skills-radar-copy > .resume-card-kicker {
  font-size: 13px;
  letter-spacing: .21em;
  margin-bottom: 18px;
  color: #dfd9d1;
}
.about-full .skills-radar-copy h3 {
  font-size: clamp(34px, 2.8vw, 51px);
  line-height: 1.07;
  max-width: 460px;
  letter-spacing: -.056em;
  margin: 0 0 22px;
}
.about-full .skills-radar-copy p:not(.resume-card-kicker) {
  font-size: clamp(15px, 1.02vw, 18px);
  line-height: 1.7;
  max-width: 410px;
  color: #b8b3ad;
}
.about-full .skills-radar-card {
  min-width: 0;
  width: 100%;
  padding: 6px 10px;
  background: radial-gradient(circle at 50% 40%, rgba(217,84,73,.065), transparent 53%);
  border-color: rgba(255,255,255,.13);
}
.about-full .skills-radar {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin-inline: auto;
}
.about-full .skills-values {
  align-self: center;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  min-width: 0;
}
.about-full .skills-values > .resume-card-kicker {
  font-size: 11px;
  margin: 0 0 19px;
  color: #b8b2ab;
}
.about-full .skill-value-row {
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,.13);
}
.about-full .skill-value-row:last-child { border-bottom: 1px solid rgba(255,255,255,.13); }
.about-full .skill-value-row span {
  font-size: clamp(13px, .98vw, 16px);
  font-weight: 500;
  color: #e0dad3;
}
.about-full .skill-value-row strong { font-size: clamp(14px, 1.02vw, 17px); }

@media (max-width: 1150px) {
  .about-full .skills-radar-section {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
  }
  .about-full .skills-radar-copy { grid-column: 1 / -1; }
  .about-full .skills-radar-copy h3,
  .about-full .skills-radar-copy p:not(.resume-card-kicker) { max-width: 690px; }
}
@media (max-width: 720px) {
  .film-inner { padding-bottom: 28px; }
  .film-foot { margin-top: 34px; }
  .about.about-full { padding-top: 40px; }
  .about-full .skills-radar-section { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .about-full .skills-radar-copy { grid-column: auto; }
  .about-full .skills-radar-copy h3 { font-size: clamp(32px, 7.3vw, 42px); margin-bottom: 17px; }
  .about-full .skills-radar-copy p:not(.resume-card-kicker) { font-size: 15px; }
  .about-full .skills-radar-card { justify-self: center; width: min(100%, 470px); }
  .about-full .skills-radar { max-width: 400px; }
  .about-full .skills-values { width: 100%; }
  .about-full .skill-value-row { padding: 14px 0; }
}