/* V3.3.1 critical visibility fix. Content is visible without JavaScript. */
.about-v33-page .about-v31-hero .about-v31-portrait,
.about-v33-page .about-v31-hero > .about-v31-container > div:last-child,
.about-v33-page .about-v32-trust-item,
.about-v33-page .about-v32-identity > * { opacity: 1; transform: none; }

.about-v33-page .about-v33-hero-title { clip-path: none; opacity: 1; transform: none; transition: none; }

/* Replace the former vertical label with one quiet copper line. */
.about-v33-page .about-v31-portrait::after {
  content: "";
  right: -16px;
  bottom: 34px;
  width: 1px;
  height: 72px;
  background: #b9703e;
  color: transparent;
  font-size: 0;
  letter-spacing: 0;
  writing-mode: initial;
  transform: none;
}

.about-v33-page .about-v32-identity strong { font-size: 27px; line-height: 1.15; }
.about-v33-page .about-v32-identity span { font-size: 15px; line-height: 1.5; }
.about-v33-page .about-v32-identity .about-v32-identity-location { font-size: 15px; line-height: 1.5; }

/* JavaScript adds this class only to enhance an already-visible Hero. */
.about-v33-page.about-v331-motion-ready .about-v33-hero-title {
  animation: about-v331-title-settle .72s cubic-bezier(.2,.7,.2,1) both;
}
.about-v33-page.about-v331-motion-ready .about-v32-identity > * {
  animation: about-v331-identity-settle .48s ease both;
}
.about-v33-page.about-v331-motion-ready .about-v32-identity > :nth-child(2) { animation-delay: .08s; }
.about-v33-page.about-v331-motion-ready .about-v32-identity > :nth-child(3) { animation-delay: .16s; }
.about-v33-page.about-v331-motion-ready .about-v32-identity > :nth-child(4) { animation-delay: .24s; }

@keyframes about-v331-title-settle {
  from { opacity: .58; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
@keyframes about-v331-identity-settle {
  from { opacity: .62; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 560px) {
  .about-v33-page .about-v31-portrait::after { right: -10px; bottom: 24px; height: 58px; }
  .about-v33-page .about-v32-identity strong { font-size: 25px; }
  .about-v33-page .about-v32-identity span,
  .about-v33-page .about-v32-identity .about-v32-identity-location { font-size: 15px; line-height: 1.55; }
}

@media (prefers-reduced-motion: reduce) {
  .about-v33-page.about-v331-motion-ready .about-v33-hero-title,
  .about-v33-page.about-v331-motion-ready .about-v32-identity > * { animation: none; }
}