/* House of Titans — shared manifesto section. Scoped to .house-manifesto only.
   Inherits the host site's tokens with safe fallbacks; no motion. The only
   color literals introduced are the three canonical Titan-mark fallbacks
   (#26d7cf, #ffad1f, #ef4251) so hosts missing --teal/--saffron/--red (the
   current WeAreTitans skin defines none of them) still render the mark.
   TitanArray defines --ink, --muted, --line, --saffron and names fonts
   --font-display/--font-body; WeAreTitans defines --bg, --ink, --muted,
   --orange, --line with fonts inherited from its own body styles. */

.house-manifesto {
    font-family: var(--font-body, var(--body, inherit));
    color: var(--ink, currentColor);
    max-width: 68ch;
    margin-inline: auto;
    padding: clamp(2rem, 6vw, 4.5rem) clamp(1rem, 4vw, 2.5rem);
    border-top: 1px solid var(--line, currentColor);
}
.house-manifesto *,
.house-manifesto *::before,
.house-manifesto *::after {
    box-sizing: border-box;
    min-width: 0;
}
.house-manifesto__mark {
    display: block;
    width: clamp(3rem, 6vw, 4rem);
    height: auto;
    margin-bottom: 1rem;
    /* Titan mark colors are canonical brand tokens with the canonical values
       as fallback — hosts missing --teal/--saffron/--red still render correctly. */
    --titan-mark-teal: var(--teal, #26d7cf);
    --titan-mark-saffron: var(--saffron, #ffad1f);
    --titan-mark-red: var(--red, #ef4251);
}
.house-manifesto__title {
    font-family: var(--font-display, var(--display, inherit));
    font-size: clamp(1.6rem, 4.5vw, 3rem);
    line-height: 1.1;
    letter-spacing: 0.02em;
    margin: 0 0 1.25rem;
    color: var(--ink, currentColor);
    overflow-wrap: anywhere;
}
.house-manifesto p {
    font-size: clamp(0.95rem, 1.4vw, 1.05rem);
    line-height: 1.65;
    margin: 0 0 1rem;
    max-width: 68ch;
    color: var(--muted, currentColor);
    overflow-wrap: anywhere;
}
.house-manifesto .house-manifesto__lede {
    color: var(--ink, currentColor);
    font-size: clamp(1.05rem, 1.8vw, 1.25rem);
}
.house-manifesto__claim strong {
    color: var(--saffron, var(--orange, currentColor));
    font-weight: 700;
    font-size: 1.06em;
    letter-spacing: 0.01em;
}
.house-manifesto p:last-child {
    margin-bottom: 0;
}