/* Approved About profile, shared by the formal page and historical preview. */
.about-profile-page { --page-accent: var(--cyan); --about-profile-body: #bac1d1; }
.about-profile-page .page-main { padding-bottom: 0; }
.about-profile-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); align-items: center; gap: 40px 72px; padding-block: 64px 40px; }
.about-profile-hero > * { min-width: 0; }
.about-profile-intro h1 { margin: 16px 0 24px; font: 400 clamp(48px,5.5vw,80px)/1.16 var(--headline-font); letter-spacing: -.025em; text-wrap: balance; }
.about-profile-lead { max-width: 33em; margin: 0; color: var(--about-profile-body); font-size: 18px; line-height: 1.9; }
.about-profile-work { padding-block: 24px 60px; }
.about-profile-section-heading { margin-bottom: 28px; }
.about-profile-page h2 { width: fit-content; margin: 0; font: 400 clamp(32px,3vw,44px)/1.25 var(--headline-font); letter-spacing: -.025em; animation: none; }
.about-profile-directions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px; }
.about-profile-direction { --direction-accent: #86e5ee; min-width: 0; padding-top: 28px; border-top: 1px solid color-mix(in srgb,var(--direction-accent) 35%,var(--line)); }
.about-profile-direction--own { --direction-accent: #beb1ff; }
.about-profile-direction h3 { margin: 0; color: var(--direction-accent); font: oblique 400 clamp(30px,2.7vw,38px)/1.35 var(--headline-font); }
.about-profile-direction p { max-width: 29em; min-height: 3.6em; margin: 20px 0 22px; color: var(--about-profile-body); font-size: 17px; line-height: 1.8; }
.about-profile-link { display: inline-flex; align-items: center; justify-content: space-between; min-height: 48px; min-width: 192px; gap: 36px; padding-block: 12px; border-bottom: 1px solid var(--line); color: var(--paper); font-size: 15px; font-weight: 500; transition: color 180ms ease,border-color 180ms ease; }
.about-profile-link .ui-icon { color: var(--direction-accent,var(--cyan)); transition: transform 180ms ease; }
.about-profile-link:is(:hover,:focus-visible) { color: var(--direction-accent,var(--cyan)); border-color: currentColor; }
.about-profile-link:is(:hover,:focus-visible) .ui-icon { transform: translate(3px,-3px); }
.about-profile-company { padding-block: 28px 64px; }
.about-profile-facts { display: grid; grid-template-columns: minmax(0,1.6fr) repeat(2,minmax(0,1fr)); gap: 40px; margin: 0; padding-block: 28px; border-block: 1px solid var(--line); }
.about-profile-facts dt { margin-bottom: 14px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.about-profile-facts dd { margin: 0; color: var(--paper); font-size: 17px; line-height: 1.7; }
.about-profile-facts .about-profile-brand-name { font: 600 17px/1.7 var(--display-font); letter-spacing: .06em; }
.about-profile-contact { padding-block: 0 64px; }
.about-profile-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 32px; }
.about-profile-contact p { margin: 16px 0 0; color: var(--about-profile-body); font-size: 17px; line-height: 1.8; }
.about-profile-page :is(a,button):focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.about-profile-page :is(a,section)[id],.about-profile-page a { scroll-margin-top: 116px; }
@media(max-width:1000px) {
  .about-profile-hero { gap: 32px; padding-block: 48px 28px; }
  .about-profile-intro h1 { font-size: clamp(48px,6vw,64px); }
  .about-profile-directions { gap: 36px; }
  .about-profile-facts { gap: 24px; }
}
@media(max-width:680px) {
  .about-profile-hero { grid-template-columns: minmax(0,1fr); gap: 16px; padding-block: 40px 20px; }
  .about-profile-intro h1 { font-size: clamp(46px,10.5vw,64px); margin-bottom: 20px; }
  .about-profile-lead { font-size: 16px; }
  .about-profile-work { padding-block: 20px 40px; }
  .about-profile-directions { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .about-profile-direction { padding-top: 24px; }
  .about-profile-direction p { min-height: 0; font-size: 16px; margin-block: 16px 18px; }
  .about-profile-link { width: 100%; }
  .about-profile-company { padding-block: 20px 40px; }
  .about-profile-facts { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .about-profile-facts dt { margin-bottom: 6px; }
  .about-profile-contact { padding-bottom: 40px; }
  .about-profile-contact-inner { display: block; padding-block: 20px; }
  .about-profile-contact p { font-size: 16px; }
  .about-profile-contact .about-profile-link { margin-top: 24px; }
}
@media(prefers-reduced-motion:reduce) {
  .about-profile-page *,.about-profile-page *::before,.about-profile-page *::after { animation: none !important; transition: none !important; }
  .about-profile-page .site-ambience::after { display: none; }
  .about-profile-page .about-profile-link .ui-icon { transform: none; }
  html:has(.about-profile-page) { scroll-behavior: auto; }
}