/*
Split-layout bio hero (text left / photo right), added 2026-08-17 per client
reference screenshot for a Victoria Taylor page redesign. Distinct from the
existing centered .bsw-hero / .bsw-hero--full (Press Room, About, Making
Blood Star, Reviews, Cast, and the other 3 cast bio pages all keep that
style) — scoped under its own .bsw-bio-hero namespace so it doesn't touch
any of those. First use: victoria-taylor-blood-star-producer.html.

Went through a few revisions the same day before landing here:
  1. Split layout, text left / photo right, both full-bleed to the viewport
     edges.
  2. Client asked for the heading/button to sit in the same constrained
     column as the rest of the page — grid moved inside .bsw-container,
     photo became a boxed, rounded card instead of full-bleed. (this
     version)
  3. Client briefly asked for a full 100vh/100vw single background-image
     hero instead (photo behind the text with a gradient overlay, homepage-
     hero style) — then asked to revert back to this boxed-card layout
     (revision 2) after seeing it, since the overlay dimmed the photo more
     than the plain boxed card did. Don't re-introduce the full-bleed
     background-image version without an explicit new request — it's been
     tried and rejected once already.

   2026-08-19: explicit new request — every hero on the site (including this
   one) must be full viewport, width:100%/min-height:100vh, no exceptions.
   Kept the boxed-card layout (the part that was actually rejected before is
   the background-image-with-overlay treatment, not full height) — just made
   .bsw-bio-hero itself min-height:100vh and vertically centered the grid
   inside it via flex, so the split layout is unchanged but now fills the
   screen like every other hero.

   2026-08-19: added .bsw-bio-hero-facts, a compact quick-facts strip between
   the lead paragraph and the CTA — same k/v visual language as .bsw-stat-row
   (04-components.css: red uppercase label + bold bright value) but laid out
   horizontally since there are only 2-3 per person, not a long vertical
   list. Content is per-page (role, notable credits, production company),
   pulled from facts already stated in that page's own article body.
*/
.bsw-bio-hero{background:var(--bsw-black);min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.bsw-bio-hero-grid{display:grid;grid-template-columns:minmax(300px,460px) 1fr;gap:56px;align-items:center;padding:calc(var(--bsw-banner-h) + 110px) 0 70px}
.bsw-bio-hero-kicker{display:flex;align-items:center;gap:9px;color:var(--bsw-red);font-family:var(--bsw-font-support);text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:600;margin:0 0 20px}
.bsw-bio-hero-kicker::before{content:"\2605";font-size:10px}
.bsw-bio-hero-name{font-family:var(--bsw-font-heading);font-weight:400;font-size:72px;line-height:.94;color:var(--bsw-text-bright);text-transform:uppercase;margin:0}
.bsw-bio-hero-role{display:flex;align-items:center;gap:9px;color:var(--bsw-red);font-family:var(--bsw-font-support);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-size:16px;margin:16px 0 28px}
.bsw-bio-hero-role::after{content:"\2605";font-size:10px}
.bsw-bio-hero-lead{color:var(--bsw-text-body);font-size:16px;line-height:1.75;max-width:440px;margin:0 0 32px}
.bsw-bio-hero-facts{display:flex;flex-wrap:wrap;gap:28px;max-width:460px;margin:0 0 32px;padding:20px 0;border-top:1px solid var(--bsw-border-soft);border-bottom:1px solid var(--bsw-border-soft)}
.bsw-bio-hero-fact{display:flex;flex-direction:column;gap:5px}
.bsw-bio-hero-fact .k{color:var(--bsw-red);font-family:var(--bsw-font-support);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.bsw-bio-hero-fact .v{color:var(--bsw-text-bright);font-size:14px;font-weight:600;line-height:1.4}
.bsw-bio-hero-right{border-radius:var(--bsw-radius-lg);overflow:hidden;box-shadow:var(--bsw-shadow-card)}
.bsw-bio-hero-right img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}

@media (max-width:960px){
	.bsw-bio-hero-grid{grid-template-columns:1fr;gap:36px;padding:calc(var(--bsw-banner-h) + 90px) 0 40px}
	.bsw-bio-hero-name{font-size:56px}
	.bsw-bio-hero-facts{max-width:100%;gap:22px}
	.bsw-bio-hero-right{order:-1}
	.bsw-bio-hero-right img{min-height:280px}
}
@media (max-width:480px){
	.bsw-bio-hero-name{font-size:44px}
}