/* About page — shared navigation and footer styles live in home.css. */
.about-page { min-height: 100svh; display: flex; flex-direction: column; }
.about-main { width: min(1200px, 100%); margin: 0 auto; padding: 40px clamp(24px, 5vw, 72px) 72px; flex: 1; }
.eyebrow { margin: 0 0 16px; font-family: "Bebas Neue", "Arial Narrow", sans-serif; font-size: 14px; letter-spacing: .18em; text-transform: uppercase; color: #bcbcbf; }
.about-intro { margin-bottom: 48px; }
.about-intro h1 { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(44px, 6vw, 76px); font-weight: 500; line-height: 1.05; margin: 0; }
.about-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 6vw, 88px); align-items: start; }
.about-image { margin: 0; }
.about-image img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.about-copy h2 { margin: 0 0 24px; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; font-size: clamp(28px, 3vw, 38px); line-height: 1.15; }
.bio-placeholder { color: #bcbcbf; font-size: 16px; line-height: 1.8; margin: 0 0 40px; }
.back-link { display: inline-block; color: #fff; font-size: 13px; text-decoration: none; border-bottom: 1px solid #ffffff40; padding-bottom: 8px; }
.back-arrow { width: 16px; height: 16px; margin-left: 24px; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
.back-link:hover { color: #bcbcbf; }
@media (max-width: 700px) {
  .about-main { padding-top: 24px; padding-bottom: 40px; }
  .about-intro { margin-bottom: 32px; }
  .about-layout { grid-template-columns: 1fr; }
  .about-image img { aspect-ratio: 4 / 3; }
}

.about-role { margin: 20px 0 0; color: #bcbcbf; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.6; }
.biography { color: #c7c7ca; font-size: 15px; line-height: 1.85; }
.biography p { margin: 0 0 22px; }
.about-copy .back-link { margin-top: 12px; }

.contact-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin: 28px 0;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 18px;
}

.contact-links a {
  color: #c7c7ca;
  text-decoration: underline;
  text-decoration-color: rgb(255 255 255 / 25%);
  text-underline-offset: 5px;
}

.contact-links a:hover { color: #fff; }
.contact-email { flex-basis: 100%; overflow-wrap: anywhere; }
.founder-quote { max-width: 820px; margin: clamp(48px, 8vw, 96px) auto 0; text-align: center; }
.founder-quote blockquote { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(24px, 3vw, 34px); font-weight: 500; line-height: 1.5; }
.founder-quote p { margin: 0; }
.founder-quote figcaption { margin-top: 24px; color: #bcbcbf; font-size: 13px; letter-spacing: .06em; }

.about-intro { padding-bottom: 36px; border-bottom: 1px solid rgb(255 255 255 / 12%); }
.about-copy { padding-top: 0; align-self: center; }

.biography {
  font-family: "Cormorant Garamond", Georgia, serif;
  text-transform: lowercase;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.025em;
  text-align: justify;
  text-align-last: left;
  hyphens: auto;
}

.contact-links { gap: 12px; }
.contact-links .social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
}
.social-icon svg { width: 22px; height: 22px; }