/* Badminton stories: series-page title treatments (work/badminton/bd_build.py writes the pages). */
body[data-series=target-practice]{--bd-acc:#f07a1a}
body[data-series=nice-shot]{--bd-acc:#ff8a6b}
body[data-series=zero-tell]{--bd-acc:#ff3fae}
body[data-series=last-good-year]{--bd-acc:#e3913a}
body[data-series=last-pair-standing]{--bd-acc:#c6f236}
.hero-title.bd-title{font-size:clamp(42px,12vw,60px)}
/* home / originals cards */
.card-logo--bd{top:5%;font:400 clamp(20px,6.2vw,30px)/.92 "Bebas Neue",Anton,Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff;
  -webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:2px 2px 0 #000}
.card-logo--bd em{font-style:normal;color:#ffb347}

/* titles: each story is a different creator's series, so every title has its own face, colour, effect and placement
   (values from work/badminton/identity.json via inline --tf --tc --ts --tr, plus fx-/al- classes) */
.bd-t{font-family:var(--tf)!important;font-style:normal;font-weight:400;color:var(--tc)!important;text-transform:none;letter-spacing:.01em;line-height:.95;transform:rotate(var(--tr));text-shadow:none}
.bd-t.it{font-style:italic;font-weight:600}
.bd-t span{display:block;font-size:calc(var(--k) * 1em)}
.bd-t.al-left{text-align:left}.bd-t.al-center{text-align:center}
.bd-t.fx-outline{-webkit-text-stroke:.06em var(--ts);paint-order:stroke fill;text-shadow:0 .05em .14em rgba(0,0,0,.4)}
.bd-t.fx-shadow{text-shadow:.05em .06em 0 var(--ts),0 0 .35em rgba(0,0,0,.55)}
.bd-t.fx-glow{-webkit-text-stroke:.025em var(--ts);paint-order:stroke fill;text-shadow:0 0 .16em var(--tc),0 0 .45em var(--tc),0 .05em .1em rgba(0,0,0,.6)}
.bd-t.fx-band span{display:table;background:var(--ts);padding:.08em .28em .02em;margin:.04em 0}
.bd-t.fx-band.al-center span{margin-left:auto;margin-right:auto}