/* Company information: an open introduction with four focused chapters. */
#about .company-narrative {
  --about-accent:#edab7b;
  --about-ink:#f3f0ea;
  --about-muted:#aaadb1;
  --about-line:rgba(224,228,234,.14);
  color:var(--about-ink);
  border-bottom:1px solid var(--about-line);
}
#about .about-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
#about .about-tabs a {
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:13px 12px;
  padding:21px 0 22px;
  border-top:1px solid var(--about-line);
  text-decoration:none;
  color:var(--about-muted);
  transition:color .2s;
}
#about .about-tabs small { grid-column:1/-1; font-size:9px; letter-spacing:1.6px; color:#95999f; }
#about .about-tabs span { font-size:20px; font-weight:500; }
#about .about-tabs b { align-self:center; font-size:18px; font-weight:400; opacity:.5; transition:transform .25s; }
#about .about-tabs a::before { content:""; position:absolute; inset:-1px 0 auto; height:2px; background:var(--about-accent); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
#about .about-tabs a:hover,#about .about-tabs a[aria-selected="true"] { color:var(--about-ink); }
#about .about-tabs a[aria-selected="true"]::before { transform:scaleX(1); }
#about .about-tabs a[aria-selected="true"] b { color:var(--about-accent); opacity:1; transform:rotate(45deg); }
#about .company-narrative :is(a,[role="tabpanel"]):focus-visible { outline:2px solid var(--about-accent); outline-offset:6px; }
#about .about-panel { scroll-margin-top:110px; padding:40px 0 44px; }
#about .about-panel+.about-panel { border-top:1px solid var(--about-line); }
#about .about-panel[hidden] { display:none; }
#about .is-tabbed .about-panel { border-top:0; }
#about .is-tabbed .about-panel:not([hidden]) { animation:aboutChapterIn .32s ease both; }
#about .about-eyebrow { display:block; font:10px/1.6 ui-monospace,monospace; letter-spacing:1.9px; color:var(--about-accent); }
#about .about-overview { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; }
#about .about-statement h3 { max-width:340px; font-size:clamp(29px,3vw,42px); line-height:1.5; font-weight:500; letter-spacing:-.8px; margin:19px 0 28px; text-wrap:balance; }
#about .about-text-link { display:inline-flex; align-items:center; gap:24px; font-size:12px; color:var(--about-ink); padding:10px 0; }
#about .about-text-link span { color:var(--about-accent); font-size:19px; transition:transform .2s; }
#about .about-text-link:hover span { transform:translate(3px,-3px); }
#about .about-prose p { color:var(--about-muted); font-size:14px; line-height:2; margin:0 0 18px; }
#about .about-prose p:last-child { margin-bottom:0; }
#about .about-facts { display:grid; grid-template-columns:repeat(3,1fr); margin:35px 0 28px; border-top:1px solid var(--about-line); border-bottom:1px solid var(--about-line); }
#about .about-facts>div { display:flex; flex-direction:column; gap:10px; padding:25px 0; }
#about .about-facts>div+div { padding-left:30px; border-left:1px solid var(--about-line); }
#about .about-facts dt { order:2; font-size:11px; color:var(--about-muted); }
#about .about-facts dd { margin:0; font-size:30px; font-weight:400; line-height:1.3; letter-spacing:-.7px; }
#about .about-belief { color:var(--about-muted); font-size:13px; line-height:1.9; max-width:900px; border-left:2px solid var(--about-accent); padding-left:20px; margin:0; }
#about .about-panel-heading { max-width:900px; margin-bottom:34px; }
#about .about-panel-heading h3 { font-size:clamp(26px,2.7vw,35px); font-weight:500; line-height:1.5; margin:14px 0 14px; letter-spacing:-.5px; text-wrap:balance; }
#about .about-panel-heading>p { color:var(--about-muted); font-size:14px; line-height:1.95; margin:0; }
#about .about-milestones { list-style:none; padding:0; margin:0; }
#about .about-milestones li { display:grid; grid-template-columns:180px 1fr; gap:40px; }
#about .about-date { position:relative; padding:28px 0; font:18px/1.6 ui-monospace,monospace; color:var(--about-accent); border-right:1px solid var(--about-line); }
#about .about-date::after { content:""; position:absolute; width:7px; height:7px; border:2px solid #e5be9e; background:#111316; border-radius:50%; right:-4px; top:36px; }
#about .about-milestone-copy { padding:25px 0; border-bottom:1px solid var(--about-line); }
#about .about-milestones li:last-child .about-milestone-copy { border-bottom:0; }
#about .about-milestone-copy h4 { font-size:18px; line-height:1.6; font-weight:500; margin:0 0 9px; color:var(--about-ink); }
#about .about-milestone-copy p { max-width:860px; font-size:13px; line-height:1.9; color:var(--about-muted); margin:0; }
#about .about-system-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 44px; }
#about .about-system-grid article { display:grid; grid-template-columns:32px 1fr; gap:16px; border-top:1px solid var(--about-line); padding:28px 0 32px; }
#about .about-system-number { color:var(--about-accent); font:11px/2 ui-monospace,monospace; }
#about .about-system-grid h4 { color:var(--about-ink); font-size:18px; line-height:1.6; font-weight:500; margin:0 0 15px; }
#about .about-system-grid p { color:var(--about-muted); font-size:13px; line-height:1.9; margin:0; }
#about .about-entities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:44px; }
#about .about-entity { padding:25px 0; border-top:1px solid var(--about-line); }
#about .about-entity-lead { grid-column:1/-1; padding:28px 30px; margin-bottom:24px; border:1px solid #59473b; border-radius:6px; background:linear-gradient(110deg,#2a211b80,transparent); }
#about .about-entity-role { display:block; font-size:11px; line-height:1.6; color:var(--about-accent); margin-bottom:12px; letter-spacing:.5px; }
#about .about-entity h4 { color:var(--about-ink); font-size:18px; line-height:1.6; font-weight:500; margin:0 0 12px; }
#about .about-entity p { color:var(--about-muted); font-size:13px; line-height:1.9; margin:0; }
#about .about-global { display:grid; grid-template-columns:220px 1fr; gap:0 30px; padding-top:28px; margin-top:10px; border-top:1px solid var(--about-line); }
#about .about-global p { color:var(--about-muted); font-size:13px; line-height:1.95; margin:0; }
@keyframes aboutChapterIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media(max-width:1000px) {
  #about .about-overview { grid-template-columns:.8fr 1.2fr; gap:32px; }
  #about .about-tabs { gap:16px; }
  #about .about-tabs span { font-size:18px; }
  #about .about-system-grid,#about .about-entities { column-gap:25px; }
}
@media(max-width:650px) {
  #about .about-tabs { gap:8px; }
  #about .about-tabs a { padding:16px 0; gap:9px; }
  #about .about-tabs small { font-size:7px; letter-spacing:0; overflow:hidden; white-space:nowrap; }
  #about .about-tabs span { font-size:13px; white-space:nowrap; }
  #about .about-tabs b { display:none; }
  #about .about-panel { padding:27px 0 30px; }
  #about .about-overview { grid-template-columns:1fr; gap:22px; }
  #about .about-statement h3 { font-size:29px; max-width:300px; margin:12px 0 10px; }
  #about .about-eyebrow { font-size:9px; letter-spacing:1.4px; }
  #about .about-prose p { font-size:13px; line-height:1.95; }
  #about .about-facts { margin-top:24px; gap:0; }
  #about .about-facts>div { padding:19px 0; gap:9px; }
  #about .about-facts>div+div { padding-left:14px; }
  #about .about-facts dd { font-size:22px; letter-spacing:-.5px; }
  #about .about-facts dt { font-size:9px; line-height:1.7; }
  #about .about-belief { font-size:12px; padding-left:14px; }
  #about .about-panel-heading { margin-bottom:22px; }
  #about .about-panel-heading h3 { font-size:25px; }
  #about .about-panel-heading>p { font-size:13px; }
  #about .about-milestones li { grid-template-columns:1fr; gap:0; position:relative; padding:0 0 0 23px; border-left:1px solid var(--about-line); }
  #about .about-date { border:0; padding:13px 0 5px; font-size:15px; }
  #about .about-date::after { left:-27px; right:auto; top:21px; }
  #about .about-milestone-copy { padding:5px 0 24px; margin-bottom:10px; }
  #about .about-milestone-copy h4 { font-size:16px; }
  #about .about-milestone-copy p { font-size:12px; }
  #about .about-system-grid,#about .about-entities { grid-template-columns:1fr; }
  #about .about-system-grid article { gap:8px; padding:23px 0; }
  #about .about-system-grid h4,#about .about-entity h4 { font-size:17px; }
  #about .about-entity-lead { padding:22px 19px; margin-bottom:4px; }
  #about .about-global { grid-template-columns:1fr; gap:15px; padding-top:23px; }
}
@media(prefers-reduced-motion:reduce) {
  #about .is-tabbed .about-panel:not([hidden]) { animation:none; }
  #about .company-narrative :is(a,a::before,b,.about-text-link span) { transition:none; }
}
@media print {
  #about .about-panel[hidden] { display:block; }
  #about .about-tabs { display:none; }
}
