/* Philosophy — the cream statement panel.
   Notes: docs/component-lead-games-philosophy-notes.md
   Its stroke is .brush--statement in components/brush.css. */
.philosophy{
  background:#faf9f6;
  padding:3rem 3rem;
  text-align:center;
  overflow:hidden;
}
.philosophy-line{
  font-family:'Dancing Script',cursive;
  font-size:clamp(3rem,8vw,6.5rem);
  font-weight:700;
  color:var(--charcoal);
  line-height:1.15;
  letter-spacing:.01em;
}
.philosophy-line .gold{color:var(--gold-dark)}

@media(max-width:768px){
  .philosophy{padding:2.5rem 1.5rem}
  .philosophy-line{font-size:clamp(2rem,10vw,3.5rem)}
}