/* /about: the brand's two lines in every script as a wall on the map, then the company as registry rows. Loaded by about.html only. */

/* ---------- opener: the wall ---------- */
.about-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 40px; }
.about-top .ih-lead { margin-top: 0; max-width: 30ch; }
.wall { margin-top: clamp(28px, 6vh, 64px); display: flex; flex-wrap: wrap; align-items: baseline; gap: .1em .42em; font: 800 clamp(40px, 5.6vw, 80px)/1.12 var(--display); letter-spacing: -.02em; }
.wall .w { text-shadow: 0 0 .04em var(--map), 0 0 .1em var(--map), 0 0 .18em var(--map); }
.wall .w-latin > span { white-space: nowrap; }
.wall .w-latin { background: var(--y); padding: 0 .18em; border-radius: .12em; text-shadow: none; rotate: -2deg; }
@media (max-width: 959px) {
  .wall { font-size: clamp(30px, 9.6vw, 44px); line-height: 1.3; gap: .24em .36em; }
}

/* ---------- what it is: a sticky statement beside the account ---------- */
.prose-sec { padding: clamp(80px, 10vw, 150px) 0 0; }
.prose-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 32px clamp(32px, 5vw, 80px); align-items: start; }
.prose-in .ih2 { position: sticky; top: calc(var(--nav-h) + 32px); }
.prose { display: grid; gap: 18px; max-width: 64ch; }
.prose p { font-size: 17px; line-height: 1.65; color: #333; }
.prose .prose-lead { font-size: var(--fs-lead); line-height: 1.5; color: var(--ink); }
.prose .ih3 { margin-top: 16px; }
@media (max-width: 959px) {
  .prose-in { grid-template-columns: 1fr; }
  .prose-in .ih2 { position: static; }
}