/* About page — all selectors prefixed .about-* per design-system conventions.
   Type sizes start from PSD pt values (18pt body / 13.45pt footer note) and
   will be adjusted against Mockups/ABOUT.jpg after visual comparison. */

.about-content {
  background: var(--bg);
  padding: 4vw 0 6vw;
}

.about-wrap {
  display: flex;
  gap: 3vw;
  align-items: flex-start;
  padding: 0 6vw;
}

.about-portrait {
  flex: 0 0 36.2vw;
  transform: translate(-3.99vw, -1.86vw);
}

.about-content-bio .about-portrait {
  transform: translate(-3.94vw, -1.08vw);
}

.about-portrait picture,
.about-portrait img {
  display: block;
  width: 100%;
  height: auto;
}

.about-text {
  flex: 1;
  margin-top: 1.5vw;
  max-width: 50vw;
  transform: translate(-3.5vw, -3.36vw);
}

/* Section 2 (licensing) pulls its text column up — empty portrait leaves no
   content to set the wrap height, so this closes the visual gap to section 1.
   Matching negative margin-bottom + zeroed section padding-bottom collapses
   the layout dead space the transform would otherwise leave, so the footer
   sits close to the text like on other pages. */
.about-content-license {
  padding-bottom: 0;
}

.about-content-license .about-text {
  max-width: 50.1vw;
  transform: translate(-3.83vw, -21.99vw);
  margin-bottom: -19.46vw;
}

/* "Everything presented on this website..." sits tighter than the rest of the
   license body. */
.about-content-license .about-bio:last-of-type {
  font-size: 1.1vw;
}

/* Pull the footer closer to the licensing body — 1/2 shrink variant. */
.about-content-license + .footer {
  margin-top: -2.82vw;
}

/* Headline — "Hi! My name is Alex Waltz!" */
.about-heading {
  font-size: 2.15vw;
  font-weight: 800; /* Extra Bold */
  line-height: 1.25;
  margin: 0 0 0.75vw;
  transform: translate(-0.05vw, -0.63vw);
}

/* Bio paragraphs — 18pt Futura PT Book (400) */
.about-bio {
  font-size: 1.5vw;
  font-weight: 400; /* Book */
  line-height: 1.5;
  margin: 0 0 1.6vw;
}

/* Inline links in bio prose — match the thin red underline used on the
   license page (text-underline-offset 0.22vw, thickness 0.08vw). */
.about-bio a {
  text-decoration: underline;
  text-underline-offset: 0.22vw;
  text-decoration-thickness: 0.08vw;
}

/* "My favorite word: iconoclastic." */
.about-fav {
  font-size: 1.5vw;
  line-height: 1.5;
  margin: 0 0 1.6vw;
}

.about-fav-label {
  font-weight: 500; /* Medium */
}

.about-iconoclastic {
  font-weight: 700; /* Heavy (700 in futura-pt family) */
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 0.2vw;
  text-decoration-thickness: 0.08vw;
}

/* Footer signature line — smaller, 13.45pt Light Oblique */
.about-signature {
  font-size: 1.12vw;
  font-weight: 300; /* Light */
  font-style: italic;
  line-height: 1.5;
  margin: 2.2vw 0 0;
}

.about-signature-strong {
  font-weight: 500; /* Medium */
}