/* TITECH v3 · extras.css: owned by WO-14 (see work-orders/PHASE-2.md). */

/* 1. Hero trust strip -------------------------------------------------------------------------------------------- */
/* The strip is one line of copy in WO-06's mono style. The legacy mobile strip is a two-column grid built for two short
   paragraphs, so the line takes the whole row there, and wraps in even lines at the dots instead of mid-standard. */
.hero-meta > p {
  grid-column: 1 / -1;
  text-wrap: balance;
}

/* 2. Data centers: the cybersecurity link closes the capability section ------------------------------------------- */
.capability-more {
  margin-block-start: var(--space-block);
}

/* 3. ICT and IVMS hero art --------------------------------------------------------------------------------------- */
/* assets/v3/art/ict.svg is line art, not a photo: no box, none of the §5.2 photo treatment (the grade, the fade and the
   navy wash would dim the lines and the glow), and it is shown whole at every width, up to the 520px the spec allows. */
.page-hero-visual--art {
  aspect-ratio: 4 / 3;
  max-width: 520px;
  max-height: none;
  margin-inline: auto;
  border-color: transparent;
  background: transparent;
}
.page-hero-visual--art img {
  filter: none;
  object-fit: contain;
}
.page-hero-visual--art::after {
  content: none;
}
/* The art has no text, so it mirrors in RTL and the route flows toward inline-end in both languages. `transform` sits
   beside WO-04's image reveal, which animates the separate `scale` property. */
:is([dir="rtl"], html[lang^="ar"]) .page-hero-visual--art img {
  transform: scaleX(-1);
}

/* Architect (integration): brand terms such as Wi-Fi never break at their hyphen. */
.nobr { white-space: nowrap; }