/* A quiet interruption in the studio index; the entity's words stay readable. */
.mythos-page { padding-top: 42px; }
.mythos-heading h1 { font-size: clamp(1.8rem, 3vw, 2.7rem); }
.entity-message { border-top: 1px solid var(--border); padding: 38px 0 48px; max-width: 960px; }
.phrase { font-family: var(--font-mono); line-height: 1.25; letter-spacing: -.035em; margin: 0; }
.phrase-1 { font-size: clamp(2rem, 5vw, 4rem); color: var(--danger); }
.phrase-2 { font-size: clamp(1.5rem, 3.5vw, 2.8rem); margin: 32px 0 28px 14%; }
.phrase-3 { font-size: clamp(1.2rem, 2.5vw, 2rem); color: var(--muted); margin-left: 36%; }
.phrase-3 span { color: var(--danger); }
.mythos-description { max-width: 54ch; margin-left: 36%; color: var(--text-dim); border-top: 1px solid var(--border); padding-top: 24px; }
.mythos-description a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 600px) { .mythos-page { padding-top: 30px; } .phrase-2 { margin-left: 6%; } .phrase-3 { margin-left: 20%; } .mythos-description { margin-left: 0; } .entity-message { padding: 30px 0 36px; } }