/* Story Cast — uses the theme's colour names when present. Shape: .scast-portrait (4:5) or .scast-round (circle) — Cast › Settings. */
.scast-list { max-width: 820px; margin: 0 auto; }
.scast-item { display: grid; grid-template-columns: var(--scast-size, 150px) 1fr; gap: 32px; align-items: start; padding: 30px 0; border-bottom: 1px solid var(--wp--preset--color--line, #D8CDB8); }
.scast-pic img, .scast-nopic { display: block; width: var(--scast-size, 150px); height: auto; aspect-ratio: 4 / 5; border-radius: 12px; object-fit: cover; object-position: 50% 30%; border: 3px solid #fff; box-shadow: 0 6px 18px rgba(47,58,61,.18); box-sizing: border-box; }
.scast-round .scast-pic img, .scast-round .scast-nopic { aspect-ratio: 1; border-radius: 50%; }
.scast-nopic { display: flex; align-items: center; justify-content: center; background: var(--wp--preset--color--paper-2, #EDE5D6); color: var(--wp--preset--color--teal, #1F6F86); font-size: 48px; }
.scast-item h2 { font-family: var(--wp--preset--font-family--josefin, inherit); font-weight: 300; font-size: 26px; margin: 0; }
.scast-appears { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--wp--preset--color--soft, #5F665A); margin: 2px 0 8px; }
.scast-bio p { margin: 0 0 8px; }
@media (max-width: 600px) {
	.scast-item { grid-template-columns: 90px 1fr; gap: 18px; align-items: start; }
	.scast-pic img, .scast-nopic { width: 90px; }
}