/* Casting page, loaded after wheelhouse.css and app.css. Only the brand
   tokens and the few layout bits the kit leaves to the page. */
.block-brand { --brand-paper: #f4c6d8; --brand-ink: #111111; }   /* placeholder MHMH pink until Julianna's palette arrives; contrast to be checked by the design session */
.block-brand .eyebrow { color: var(--muted); margin-bottom: var(--s-3); }
.block-brand .t-lede { margin-top: var(--s-3); max-width: 40ch; }
.block-brand .hero-cta { margin-top: var(--s-4); }
.block-brand .hero-photo { aspect-ratio: 4 / 5; background: color-mix(in srgb, var(--ink) 8%, transparent); }
.block-brand .hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.two-up { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5) var(--s-7); }
.two-up .t-title { margin-bottom: var(--s-3); }
.two-up .t-small { margin-top: var(--s-3); }
.apply .terms { margin-top: var(--s-4); }
.apply .form { margin-top: var(--s-5); }
.form-row--3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.field-error:empty { display: none; }
#submit[disabled] { opacity: .5; pointer-events: none; transform: none; }
.grid .work-meta span { font-size: var(--t-small); color: var(--muted); }
@media (max-width: 720px) { .two-up, .form-row--3 { grid-template-columns: minmax(0, 1fr); } }