/* Hallmark · pre-emit critique: P4 H4 E5 S5 R5 V4 */
/* Hallmark · genre: modern-minimal · macrostructure: Long Document · tone: technical restrained industrial · anchor hue: MOSINTER green */
/* Group Overview: page-scoped Long Document redesign. */
html,
body { overflow-x:clip; }
.mos-group-overview {
  background:var(--color-about-paper);
  color:var(--color-about-ink);
  font-family:var(--font-about-body);
  overflow-x:clip;
}
.mos-group-overview *,
.mos-group-overview *::before,
.mos-group-overview *::after { box-sizing:border-box; }
.mos-group-overview h1,
.mos-group-overview h2,
.mos-group-overview h3 {
  min-width:0;
  font-family:var(--font-about-display);
  font-style:normal;
  overflow-wrap:anywhere;
}
.mos-group-overview p { color:var(--color-about-ink-soft); }
.mos-group-overview .wt-breadcrumb li a,
.mos-group-overview .mos-about-nav a,
.mos-group-overview .mos-platform-directory a,
.mos-group-overview .mos-about-cta-actions a { white-space:nowrap; }
.mos-group-overview .mos-about-nav {
  border-color:var(--color-about-rule);
  background:var(--color-about-paper);
  box-shadow:none;
}
.mos-group-overview .mos-about-nav a { color:var(--color-about-ink); }
.mos-group-overview .mos-about-nav a::after { background:var(--color-about-accent); }
.mos-group-overview .mos-about-nav a:hover,
.mos-group-overview .mos-about-nav a:focus,
.mos-group-overview .mos-about-nav a.active { color:var(--color-about-accent-strong); }

.mos-about-opening { padding-block:var(--space-about-2xl) var(--space-about-3xl); }
.mos-about-dossier { display:grid; min-width:0; gap:var(--space-about-xl); }
.mos-about-portrait { min-width:0; margin:0; }
.mos-about-portrait img {
  display:block;
  width:100%;
  height:17.5rem;
  border-radius:var(--radius-about);
  object-fit:cover;
  object-position:center;
}
.mos-about-portrait figcaption {
  padding-block-start:var(--space-about-sm);
  color:var(--color-about-ink-soft);
  font-size:var(--text-about-xs);
  font-weight:700;
  line-height:1.5;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mos-about-prose { max-width:65ch; }
.mos-about-prose h2,
.mos-about-section-heading h2 {
  margin:0 0 var(--space-about-lg);
  color:var(--color-about-ink);
  font-size:clamp(2.25rem, 8vw, 3.75rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
}
.mos-about-prose > p {
  margin:0 0 var(--space-about-lg);
  font-size:var(--text-about-base);
  line-height:1.8;
}
.mos-about-scope {
  display:grid;
  margin:var(--space-about-xl) 0 0;
  padding:0;
  border-block-start:var(--rule-about) solid var(--color-about-rule);
  list-style:none;
}
.mos-about-scope li {
  position:relative;
  padding:var(--space-about-md) var(--space-about-md) var(--space-about-md) var(--space-about-lg);
  border-block-end:var(--rule-about) solid var(--color-about-rule);
  color:var(--color-about-ink);
  font-size:var(--text-about-sm);
  font-weight:700;
  line-height:1.55;
}
.mos-about-scope li::before {
  position:absolute;
  top:1.4rem;
  left:0;
  width:var(--space-about-xs);
  height:var(--space-about-xs);
  background:var(--color-about-accent);
  content:"";
}

.mos-about-capabilities {
  padding-block:var(--space-about-3xl) var(--space-about-2xl);
  background:var(--color-about-paper-soft);
}
.mos-about-section-heading { max-width:48rem; margin-block-end:var(--space-about-2xl); }
.mos-about-section-heading p {
  max-width:42rem;
  margin:0;
  font-size:var(--text-about-base);
  line-height:1.75;
}
.mos-capability-index {
  display:grid;
  min-width:0;
  border-block-start:var(--rule-about) solid var(--color-about-rule);
}
.mos-capability-index article {
  display:grid;
  min-width:0;
  padding-block:var(--space-about-xl);
  border-block-end:var(--rule-about) solid var(--color-about-rule);
  gap:var(--space-about-sm);
}
.mos-capability-index h3 {
  margin:0;
  color:var(--color-about-ink);
  font-size:var(--text-about-xl);
  font-weight:700;
  line-height:1.05;
}
.mos-capability-index p { max-width:38rem; margin:0; line-height:1.7; }

.mos-about-structure {
  padding-block:var(--space-about-3xl) var(--space-about-2xl);
  background:var(--color-about-night);
}
.mos-about-structure-layout { display:grid; min-width:0; gap:var(--space-about-2xl); }
.mos-about-section-heading-dark h2 { color:var(--color-about-night-text); }
.mos-about-section-heading-dark p { color:var(--color-about-night-muted); }
.mos-structure-flow {
  margin:0;
  padding:0;
  border-block-start:var(--rule-about) solid var(--color-about-night-raised);
  counter-reset:structure;
  list-style:none;
}
.mos-structure-flow li {
  position:relative;
  display:grid;
  min-width:0;
  padding-block:var(--space-about-xl);
  border-block-end:var(--rule-about) solid var(--color-about-night-raised);
  counter-increment:structure;
  gap:var(--space-about-lg);
}
.mos-structure-flow li::before {
  color:var(--color-about-accent);
  content:"0" counter(structure);
  font-family:var(--font-about-display);
  font-size:var(--text-about-md);
  font-weight:700;
  line-height:1;
}
.mos-structure-flow span {
  display:block;
  margin-block-end:var(--space-about-xs);
  color:var(--color-about-accent);
  font-size:var(--text-about-xs);
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.mos-structure-flow h3 {
  margin:0 0 var(--space-about-sm);
  color:var(--color-about-night-text);
  font-size:var(--text-about-xl);
  font-weight:700;
  line-height:1.1;
}
.mos-structure-flow p { max-width:45rem; margin:0; color:var(--color-about-night-muted); line-height:1.7; }
.mos-about-disclosure {
  max-width:58rem;
  margin:var(--space-about-2xl) 0 0;
  padding:var(--space-about-lg);
  background:var(--color-about-night-raised);
  color:var(--color-about-night-muted) !important;
  font-size:var(--text-about-sm);
  line-height:1.7;
}

.mos-about-platforms { padding-block:var(--space-about-3xl); }
.mos-about-platform-layout { display:grid; min-width:0; gap:var(--space-about-xl); }
.mos-platform-directory { border-block-start:var(--rule-about) solid var(--color-about-rule); }
.mos-platform-directory a {
  display:grid;
  min-height:4.75rem;
  padding-block:var(--space-about-md);
  border-block-end:var(--rule-about) solid var(--color-about-rule);
  color:var(--color-about-ink);
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-about-2xs) var(--space-about-md);
}
.mos-platform-directory a span { min-width:0; font-weight:700; overflow-wrap:anywhere; }
.mos-platform-directory a small {
  min-width:0;
  color:var(--color-about-ink-soft);
  font-size:var(--text-about-xs);
  grid-column:1;
  overflow-wrap:anywhere;
}
.mos-platform-directory a i {
  color:var(--color-about-accent);
  font-size:var(--text-about-md);
  font-style:normal;
  grid-column:2;
  grid-row:1 / span 2;
  transition:transform var(--dur-about-short) var(--ease-about-out);
}
.mos-platform-directory a:hover i,
.mos-platform-directory a:focus-visible i { transform:translate(var(--space-about-2xs), calc(var(--space-about-2xs) * -1)); }

.mos-group-overview .mos-about-cta {
  padding-block:var(--space-about-2xl);
  background:var(--color-about-paper-soft);
}
.mos-group-overview .mos-about-cta-inner { align-items:flex-end; }
.mos-group-overview .mos-about-cta-inner h2 {
  margin:0 0 var(--space-about-sm);
  color:var(--color-about-ink);
  font-size:clamp(2.25rem, 8vw, 3.75rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
}
.mos-group-overview .mos-about-cta-inner p { max-width:40rem; color:var(--color-about-ink-soft); }
.mos-group-overview .mos-about-cta-actions { align-items:center; }
.mos-group-overview .mos-about-cta-actions .site-button {
  min-height:3rem;
  background:var(--color-about-accent-strong);
  color:var(--color-about-accent-ink);
  transition:transform var(--dur-about-micro) var(--ease-about-out);
}
.mos-group-overview .mos-about-cta-actions .site-button:hover { transform:translateY(calc(var(--space-about-3xs) * -1)); }
.mos-group-overview .mos-about-cta-actions .site-button:active { transform:translateY(0); }
.mos-about-text-link {
  display:inline-flex;
  min-height:2.75rem;
  align-items:center;
  gap:var(--space-about-xs);
  border-block-end:var(--rule-about) solid var(--color-about-ink);
  color:var(--color-about-ink);
  font-weight:700;
}
.mos-group-overview a:focus-visible {
  outline:var(--space-about-2xs) solid var(--color-about-focus);
  outline-offset:var(--space-about-2xs);
}

@media (min-width:40rem){
  .mos-about-portrait img { height:22rem; }
  .mos-about-scope { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mos-about-scope li:nth-child(odd) { border-inline-end:var(--rule-about) solid var(--color-about-rule); }
  .mos-capability-index { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--space-about-2xl); }
  .mos-platform-directory a { grid-template-columns:minmax(0,1fr) minmax(10rem,.75fr) auto; }
  .mos-platform-directory a small { grid-column:2; grid-row:1; }
  .mos-platform-directory a i { grid-column:3; grid-row:1; }
}
@media (min-width:60rem){
  .mos-about-opening { padding-block:var(--space-about-3xl) var(--space-about-4xl); }
  .mos-about-dossier { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:start; gap:var(--space-about-3xl); }
  .mos-about-portrait { position:sticky; top:var(--about-sticky-offset); }
  .mos-about-portrait img { height:26rem; }
  .mos-capability-index article { grid-template-columns:minmax(9rem,.55fr) minmax(0,1.45fr); align-items:start; gap:var(--space-about-lg); }
  .mos-about-structure-layout { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:var(--space-about-3xl); }
  .mos-about-structure-layout .mos-about-section-heading { position:sticky; top:var(--about-sticky-offset); align-self:start; }
  .mos-structure-flow li { grid-template-columns:var(--space-about-xl) minmax(0,1fr); }
  .mos-about-platform-layout { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:var(--space-about-3xl); }
}
@media (min-width:90rem){
  .mos-about-dossier,
  .mos-about-structure-layout,
  .mos-about-platform-layout { gap:var(--space-about-4xl); }
}
@media (hover:hover) and (pointer:fine){
  .mos-platform-directory a:hover { color:var(--color-about-accent); }
}
@media (pointer:coarse){
  .mos-group-overview .mos-about-nav a,
  .mos-platform-directory a,
  .mos-group-overview .mos-about-cta-actions a { min-height:3rem; }
}
@media (prefers-reduced-motion:reduce){
  .mos-group-overview *,
  .mos-group-overview *::before,
  .mos-group-overview *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
.mos-about-group-overview-page .mos-about-hero {
  background-image:url("/assets/imgs/about/group-overview/hero.png");
}
.mos-about-group-overview-page .site-footer .footer-top,
.mos-about-group-overview-page .mos-about-cta {
  background-image:url("/assets/imgs/about/group-overview/footer-bg.png");
}
.mos-about-group-overview-page .contact-slide-hide {
  background-image:url("/assets/imgs/about/group-overview/contact-bg.jpg");
}
.mos-about-group-overview-page .contact-nav-info {
  background-image:url("/assets/imgs/about/group-overview/contact-map.png");
}