/* Volumes XIX–XXI identities. Load after the shared foil and cardback styles. */
:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="justhotwomen"] {
  --volume-mark: url('/assets/volume-justhotwomen.svg?v=8ddcb90451c6');
  --back-paper: #302127;
  --back-ink: 241 222 227;
  --back-pearl: 218 178 188;
  --back-cool: 192 186 207;
  --back-warm: 223 198 163;
  --back-orbit-radius: 49% 51% 43% 57% / 58% 48% 52% 42%;
  --film-rose: 255 148 137;
  --film-violet: 225 141 174;
  --film-water: 255 183 132;
  --film-gold: 255 218 143;
  --film-angle: 187deg;
  --study-art:
    radial-gradient(ellipse at 25% 80%, rgb(var(--back-warm) / .50), transparent 54%),
    radial-gradient(ellipse at 82% 20%, rgb(var(--back-cool) / .40), transparent 52%),
    linear-gradient(155deg, var(--back-paper), rgb(var(--back-pearl) / .26) 58%, var(--back-paper));
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="classysexy"] {
  --volume-mark: url('/assets/volume-classysexy.svg?v=8ddcb90451c6');
  --back-paper: #25272d;
  --back-ink: 241 231 219;
  --back-pearl: 224 203 174;
  --back-cool: 184 200 202;
  --back-warm: 210 183 190;
  --back-orbit-radius: 50%;
  --film-rose: 225 191 172;
  --film-violet: 173 183 213;
  --film-water: 174 208 212;
  --film-gold: 244 222 167;
  --film-angle: 200deg;
  --study-art:
    radial-gradient(ellipse at 24% 16%, rgb(var(--back-pearl) / .42), transparent 50%),
    radial-gradient(ellipse at 84% 74%, rgb(var(--back-cool) / .35), transparent 54%),
    linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .20) 54%, var(--back-paper));
}

:is(.pack, .card, .shop-cardback, .volume-study, .collection-volume-option)[data-volume="buttsandbarefeet"] {
  --volume-mark: url('/assets/volume-buttsandbarefeet.svg?v=8ddcb90451c6');
  --back-paper: #282d29;
  --back-ink: 240 229 219;
  --back-pearl: 219 186 168;
  --back-cool: 179 201 189;
  --back-warm: 209 191 208;
  --back-orbit-radius: 44% 56% 51% 49% / 55% 44% 56% 45%;
  --film-rose: 219 186 168;
  --film-violet: 210 185 208;
  --film-water: 179 201 189;
  --film-gold: 244 221 175;
  --film-angle: 213deg;
  --study-art:
    radial-gradient(ellipse at 22% 20%, rgb(var(--back-pearl) / .45), transparent 52%),
    radial-gradient(ellipse at 80% 80%, rgb(var(--back-cool) / .44), transparent 56%),
    linear-gradient(145deg, var(--back-paper), rgb(var(--back-warm) / .24) 54%, var(--back-paper));
}

/* Size names against the signature itself so tiny shop boosters stay contained. */
:is(.pack, .card, .shop-cardback):is([data-volume="justhotwomen"], [data-volume="classysexy"], [data-volume="buttsandbarefeet"]) .volume-signature {
  container-type: inline-size;
}
:is(.card, .shop-cardback):is([data-volume="justhotwomen"], [data-volume="classysexy"], [data-volume="buttsandbarefeet"]) .card-back .volume-signature {
  width: 80%;
}
:is(.card, .shop-cardback):is([data-volume="justhotwomen"], [data-volume="classysexy"], [data-volume="buttsandbarefeet"]) .card-back .volume-signature-mark {
  width: 52%;
}
:is(.pack, .card, .shop-cardback)[data-volume="justhotwomen"] .volume-signature-word { font-size: 11.5cqw; }
:is(.pack, .card, .shop-cardback)[data-volume="classysexy"] .volume-signature-word { font-size: 14.5cqw; }
:is(.pack, .card, .shop-cardback)[data-volume="buttsandbarefeet"] .volume-signature-word { font-size: 9.5cqw; }
:is(.card, .shop-cardback)[data-volume="justhotwomen"] .card-back-orbit {
  transform: translate(-50%, -50%) rotate(16deg);
}
:is(.card, .shop-cardback)[data-volume="buttsandbarefeet"] .card-back-orbit {
  transform: translate(-50%, -50%) rotate(-12deg);
}