/* fluid-type.css — display tokens + container-query card type (Santioni pattern 3). */
:root {
  --display-xl: clamp(38px, 11vw, 217px);
  --display-lg: clamp(30px, 8vw, 82px);
  --display-md: clamp(24px, 5vw, 40px);
}
.display-xl { font-size: var(--display-xl); line-height: 1.05; letter-spacing: -0.02em; }
.display-lg { font-size: var(--display-lg); line-height: 1.1; letter-spacing: -0.01em; }
.display-md { font-size: var(--display-md); line-height: 1.2; }

/* Scope a parent with .card-type, children scale to container width. */
.card-type { container-type: inline-size; }
.card-type .display-card {
  font-size: max(30px, min(16cqw, 82px));
  line-height: 1.1;
}