:root {
  --readaloud-color: #7e1716;
  --vtm-pg-white: white;
  --vtm-pg-red: rgb(173, 29, 22);
  --vtm-pg-dark-red: rgb(119, 2, 27);

  --base-font: 19px;
  --font-scale: 1.2;

  --font-size-1: var(--base-font);

  --font-size-2: calc(var(--base-font) * var(--font-scale));

  --font-size-3: calc(var(--font-size-2) * var(--font-scale));

  --font-size-4: calc(var(--font-size-3) * var(--font-scale));

  --font-size-5: calc(var(--font-size-4) * var(--font-scale));

  --font-size-6: calc(var(--font-size-5) * var(--font-scale));

  --font-size-7: calc(var(--font-size-6) * var(--font-scale));

  --font-size-8: calc(var(--font-size-7) * var(--font-scale));

  --font-size-small-1: calc(var(--base-font) / var(--font-scale));

  --font-size-small-2: calc(var(--font-size-small-1) / var(--font-scale));

  --font-size-small-3: calc(var(--font-size-small-2) / var(--font-scale));

  --base-space: 8px;
  --spacing-1: var(--base-space);
  --spacing-2: calc(var(--base-space) * 2);
  --spacing-3: calc(var(--base-space) * 3);
  --spacing-4: calc(var(--base-space) * 4);
  --spacing-5: calc(var(--base-space) * 5);
  --spacing-6: calc(var(--base-space) * 6);
  --spacing-7: calc(var(--base-space) * 7);
  --spacing-8: calc(var(--base-space) * 8);
  --spacing-small: calc(var(--base-space) / 2);
}

@font-face {
  font-family: "Rockwell";
  src: url("https://content.demiplane.com/fonts/Rockwell.ttc")
    format("truetype");
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("https://content.demiplane.com/fonts/HelveticaNeue.ttc")
    format("truetype");
}

@font-face {
  font-family: "Bradley Hand Bold";
  src: url("https://content.demiplane.com/fonts/Bradley+Hand+Bold.ttf")
    format("truetype");
}

@font-face {
  font-family: "Typewriter a602";
  src: url("https://content.demiplane.com/fonts/typewriterA602_________.ttf")
    format("truetype");
}

@font-face {
  font-family: "Gill Sans";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/GillSansNova-Book-Baseline.otf") format("opentype");
}

@font-face {
  font-family: "EB Garamond";
  src: url("https://content.demiplane.com/fonts/EBGaramond-Regular.ttf");
}

@font-face {
  font-family: "Calibri";
  src: url("https://content.demiplane.com/fonts/calibri-regular.ttf");
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("https://content.demiplane.com/fonts/IBMPlexSans-Regular.ttf");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-weight: bold;
  src: url("https://content.demiplane.com/fonts/IBMPlexSans-Bold.ttf");
}

.book-styled-block {
  background: #fdfdfd;
}

.main-holder > .split-header {
  font-size: 24px;
  font-weight: normal;
  color: #5d0000;
  font-family: gin, serif;
  border-bottom: 0px;
}

/* TEMP STYLING FOR ME, FEEL FREE TO UPDATe/REMOVE ROBBIE */
.level-block {
  text-align: center;
  border-top: 1px solid #c82434;
  border-bottom: 1px solid #c82434;
}

.level-block p {
  margin: 10px;
}

.Callout {
  color: #c82434;
  font-style: italic;
}

.main-holder h1.red-banner {
  font-family: Rockwell;
  font-weight: bold;
  font-size: var(--font-size-6);
  background-color: var(--vtm-pg-red);
  color: var(--vtm-pg-white);
  padding: var(--font-size-4) var(--font-size-6) var(--font-size-1)
    var(--font-size-6);

  margin: 0;
  text-align: left;
}

.main-holder h3 {
  font-family: Bodoni-72;
  font-size: var(--font-size-4);
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;

  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}

.main-holder h4 {
  font-family: Cormorant;
  font-size: var(--font-size-3);
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: var(--font-size-1);
  text-transform: none;
}

.main-holder h5 {
  font-size: var(--font-size-1);

  margin: 0px;
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-1);

  text-transform: uppercase;
}

.main-holder h5.ch6 {
  font-size: var(--font-size-2);
  text-transform: none;
  font-variant: small-caps;
}

.main-holder .details-body {
  font-family: Helvetica Neue;
}

.main-holder .vtm-suspects {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;

  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-6);
}

.main-holder .vtm-suspect-container {
  display: flex;
  flex-direction: column;
  width: 30%;
}

.main-holder .vtm-suspect-container img {
  border: solid var(--vtm-pg-dark-red) 3px !important;
}

.main-holder .vtm-suspect-container p {
  text-align: center;
  font-family: Helvetica Neue;
  font-size: var(--font-size-1);
}

.main-holder .vtm-suspects-header {
  font-family: HelveticaNeue;
  padding-top: 0px;
}

/**/
/*Paragraph*/
/**/
.main-holder p {
  font-size: var(--font-size-1);
  margin: 0px;
  padding-bottom: var(--spacing-3);
}

.main-holder p.ch2 .bold-caps {
  font-family: Gill Sans;
  font-size: var(--font-size-1);
  text-transform: none;
}

.main-holder p.ch3 .bold-caps {
  font-family: Gill Sans;
  font-size: var(--font-size-small-1);
  text-transform: uppercase;
}

.main-holder p.ch5 .bold-caps {
  font-family: Gill Sans;
  font-size: var(--font-size-1);
}

/**/
/*Headers*/
/**/

.main-holder .level-block {
  border-top: none;
  font-style: italic;
  color: white;
}

.main-holder .level-block p {
  font-size: var(--font-size-4);
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-2);
}

.main-holder .level-block.clan p {
  font-size: var(--font-size-3);
  padding: 0px;
  padding-bottom: var(--spacing-1);
}

.main-holder .level-block.clan p:last-child {
  padding-top: var(--font-size-1);
  padding-bottom: var(--font-size-2);
}

.main-holder .clan {
  margin-bottom: var(--spacing-6);
}

.main-holder h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: var(--spacing-3);
  padding-bottom: var(--font-size-2);
  padding-bottom: var(--spacing-3);
  color: white;
  font-size: var(--font-size-8);
}

.main-holder p.Chapter-Start-Quote {
  font-size: var(--font-size-2);
  text-align: center;
  margin-top: 0px;
  padding-bottom: var(--spacing-2);
}

.main-holder .Chapter-Start-Quote-Author {
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: var(--spacing-6);
  color: white;
}

.main-holder .Chapter-Start-Quote-Author em {
  text-transform: none;
}

.main-holder h2 {
  font-size: var(--font-size-5);
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-2);
}

/**/
/*Clan Containers*/
/**/

.main-holder .clan-container {
  /*background-color: blue;*/
  color: white;
  margin-bottom: var(--spacing-1);
  padding: 0px 6px;

  display: grid;

  grid-template-columns: 3fr 5fr 5fr 6fr;

  grid-template-areas:
    "c-img c-name c-title c-discipline"
    "c-img c-description c-description c-discipline"
    "c-img c-bane c-compulsion c-discipline";
}

.main-holder .clan-container .book-image-center {
  margin: 0px;
}

.main-holder .clan-container.red {
  background-color: rgb(118, 5, 25);
}

.main-holder .clan-container .clan-image {
  /*background-color: red;*/
  grid-area: c-img;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  padding-right: 8px;
}

.main-holder .clan-container .clan-image.malkavian {
  aspect-ratio: 1 / 2;
  height: 140px;
}

.main-holder .clan-container .clan-image.nosferatu {
  aspect-ratio: 1119 / 1709;
  height: 140px;
}

.main-holder .clan-container .clan-image img {
  max-height: 100%;
}

.main-holder .clan-container .clan-name {
  /*background-color: red;*/
  grid-area: c-name;
  color: white;
  font-size: var(--font-size-5);
  display: flex;
  align-items: center;
  padding: 0;
}

.main-holder .clan-container .clan-title {
  /*background-color: red;*/
  grid-area: c-title;
  text-transform: uppercase;
  font-size: var(--font-size-1);
  font-family: "Bradley Hand Bold";
  display: flex;
  align-items: center;
  padding: 0;
}

.main-holder .clan-container .clan-title .bold-caps {
  font-family: "Bradley Hand Bold";
}

.main-holder .clan-container .clan-description {
  /*background-color: red;*/
  grid-area: c-description;
  margin: 0;
  font-size: var(--font-size-1);
  font-family: "Typewriter a602";
  padding: 0;
}

.main-holder .clan-container .clan-bane {
  /*background-color: red;*/
  grid-area: c-bane;
  margin: 0;
  font-size: var(--font-size-1);
  font-family: "Typewriter a602";
  padding: 0;
}

.main-holder .clan-container .clan-bane .bold-caps {
  font-size: var(--font-size-small-3);
  font-family: "Gill Sans";
  font-weight: bold;
}

.main-holder .clan-container .clan-compulsion {
  /*background-color: red;*/
  grid-area: c-compulsion;
  margin: 0;
  font-size: var(--font-size-1);
  font-family: "Typewriter a602";
  padding: 0;
}

.main-holder .clan-container .clan-compulsion .bold-caps {
  font-size: var(--font-size-small-3);
  font-family: "Gill Sans";
  font-weight: bold;
}

.main-holder .clan-container .clan-discipline {
  /*background-color: black;*/
  grid-area: c-discipline;
  margin: 0;
  position: relative;
  display: grid;
  grid-template-areas:
    "title title title"
    "disc-1 disc-2 disc-3";
  grid-template-rows: 1fr 4fr;
  padding: var(--font-size-small-3) var(--font-size-1);
}

.main-holder .clan-container .clan-discipline::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 4px;
  width: 1px;
  height: calc(100% - 16px);
  background-color: white;
}

.main-holder .clan-container .clan-discipline > p {
  grid-area: title;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Gill Sans;
  font-size: var(--font-size-small-1);
  padding-bottom: 3px;
}

.main-holder .clan-container .clan-discipline > div {
  height: 100%;
  width: 100%;
}

.main-holder .clan-container .clan-discipline > div:nth-of-type(1) {
  /*background-color: green;*/
  grid-area: disc-1;
}

.main-holder .clan-container .clan-discipline > div:nth-of-type(2) {
  /*background-color: yellow;*/
  grid-area: disc-2;
}

.main-holder .clan-container .clan-discipline > div:nth-of-type(3) {
  /*background-color: orange;*/
  grid-area: disc-3;
}

.main-holder .clan-container.castoff-container {
  grid-template-columns: 2fr 6fr 6fr 2fr 4fr;

  grid-template-areas:
    "c-img c-name c-title c-discipline c-list"
    "c-img c-description c-description c-discipline c-list"
    "c-img c-bane c-compulsion c-discipline c-list";
}

.main-holder .clan-container.castoff-container .clan-discipline {
  grid-template-rows: min-content auto;
  grid-template-areas:
    "title title"
    "disc-1 disc-2";
  padding: var(--font-size-small-3) var(--font-size-1);
}

.main-holder .clan-container.castoff-container .clan-discipline div.vtm-disc {
  width: 48px;
  height: 48px;
}

.main-holder .clan-container.castoff-container .clan-discipline > div {
  width: 48px;
  height: 48px;
}

.main-holder .clan-container.castoff-container .clan-discipline::before {
  position: absolute;
  content: "";
  top: 8px;
  right: 4px;
  width: 1px;
  height: calc(100% - 16px);
  background-color: white;
}

.main-holder .clan-container.castoff-container .clan-name {
  gap: var(--font-size-1);
}

.main-holder .clan-container.castoff-container h3 {
  color: white;
  padding: 0;
}

.main-holder .clan-container.castoff-container .clan-name p .bold-caps {
  font-size: var(--font-size-1);
}

.main-holder .clan-container.castoff-container .clan-title {
  grid-area: c-title;
}

.main-holder .clan-container.castoff-container .clan-list {
  grid-area: c-list;
}

.main-holder .clan-container.castoff-container .clan-list p {
  padding: 0px;
  font-family: "Calibri";
}

.main-holder .castoff-container.caitiff {
  grid-template-columns: 2fr 4fr 8fr 2fr 4fr;
}

.main-holder .castoff-container.ghouls,
.main-holder .castoff-container.mortals {
  grid-template-columns: 2fr 4fr 8fr 2fr 4fr;

  grid-template-areas:
    "c-name c-name c-title c-discipline c-list"
    "c-description c-description c-description c-discipline c-list"
    "c-bane c-bane c-compulsion c-discipline c-list";
}

/**/
/*Castoff Legend*/
/**/
.castoffs-legend {
  display: grid;
  grid-auto-columns: auto auto;
  gap: var(--font-size-2);
  padding-top: var(--font-size-6);
  padding-bottom: var(--font-size-6);
}

.castoffs-legend div {
  display: flex;
  align-items: center;
}

.castoffs-legend div p {
  padding: 0px;
  padding-left: 8px;
}

.castoffs-legend div div {
  --legend-icon-size: var(--font-size-6);
  width: var(--legend-icon-size);
  height: var(--legend-icon-size);
}

.castoffs-legend p {
  grid-column: 1 / 3;
}

/**/
/*Castoff Image*/
/**/
.castoff-image-container {
  width: 100%;
}

.castoff-image-container div {
  width: calc(var(--font-size-8) * 2);
}

/**/
/*Coterie Container*/
/**/

.main-holder .coterie-container {
  /*background-color: blue;*/
  color: white;
  margin-bottom: var(--spacing-1);
  padding: 0px var(--spacing-small);

  display: grid;

  grid-template-columns: 3fr 5fr 1.5fr;
  grid-template-rows: 1fr 1fr 1fr auto;

  grid-template-areas:
    "c-name c-title c-domain"
    "c-description c-description c-domain"
    "c-description c-description c-domain"
    "c-prereq c-prereq c-domain";
}

.main-holder .coterie-container.red {
  background-color: rgb(118, 5, 25);
}

.main-holder .coterie-container h3 {
  grid-area: c-name;
  font-family: IBM Plex Sans;
  font-weight: bold;
  color: white;
  display: flex;
  align-items: center;
  padding: 0px;
}

.main-holder .coterie-container .cot-title {
  grid-area: c-title;
  font-family: Bradley Hand Bold;
  font-size: var(--font-size-2);
  display: flex;
  align-items: center;
  padding: 0;
  padding-left: var(--spacing-1);
}

.main-holder .coterie-container .cot-description {
  grid-area: c-description;
  font-family: Typewriter A602;
  padding: 0px;
  padding-top: var(--spacing-1);
  padding-right: var(--spacing-1);
}

.main-holder .coterie-container .cot-prereq {
  grid-area: c-prereq;
  padding-bottom: var(--spacing-1);
  font-family: Gill Sans;
  font-size: var(--font-size-small-1);
  text-transform: uppercase;
}

.main-holder .coterie-container .cot-domain {
  grid-area: c-domain;
  font-family: Gill Sans;
  position: relative;
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
  display: grid;
  grid-template-rows: 1fr 2fr 2fr 2fr;
}

.main-holder .coterie-container .cot-domain::after {
  content: "";
  position: absolute;
  top: var(--spacing-1);
  left: 0;
  width: 2px;
  height: calc(100% - var(--spacing-2));
  background-color: white;
}

.main-holder .coterie-container .cot-domain .vtm-cot-icon {
  width: 36px;
  height: 36px;
}

.main-holder .coterie-container .cot-domain > div > div {
  width: 36px;
  height: 36px;
}

.main-holder .coterie-container .cot-domain p {
  font-size: var(--font-size-small-1);
  text-align: center;
  padding: 0px;
  padding-left: var(--spacing-small);
}

.main-holder .coterie-container .cot-domain > div {
  margin-left: 6px;
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr;
}

.main-holder .coterie-container .cot-domain > div p {
  padding: 0px;
  font-size: var(--font-size-5);
  font-weight: bold;
}

.main-holder .coterie-container .cot-domain > div::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background-color: white;
}

.main-holder .coterie-container .cot-domain > div:nth-of-type(3)::after {
  display: none;
}

.main-holder .coterie-container .cot-domain > div > div {
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/**/
/*Coterie Icons*/
/**/
.vtm-cot-icon {
  background-size: 100%;
  background-repeat: no-repeat;
}

.vtm-cot-chasse {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/04-27-vtm-cot-chasse.svg");
}

.vtm-cot-lien {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/04-28-vtm-cot-lien.svg");
}

.vtm-cot-portillon {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/04-29-vtm-cot-portillon.svg");
}

/**/
/*Domain Legend*/
/**/
.main-holder .domain-legend {
  display: grid;
  gap: var(--spacing-1);
  padding-bottom: var(--spacing-5);
}

.main-holder .domain-legend h4 {
  font-family: Gill Sans;
  font-size: var(--font-size-2);
}

.main-holder .domain-legend div {
  display: grid;
  grid-template-columns: var(--font-size-5) auto;
  grid-template-rows: var(--font-size-5);
  gap: var(--spacing-1);
}

.main-holder .domain-legend p {
  display: flex;
  align-items: center;
  padding: 0;
}

/**/
/*Disciplines*/
/**/

.main-holder .legend-title {
  font-family: Gill Sans;
  font-weight: normal;
  text-align: center;
  border-bottom: 2px solid;
  padding-bottom: 2px;
  margin-bottom: var(--spacing-2);
}

.disc-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
  justify-content: center;
}

.disc-legend div {
  width: 100px;
}

.disc-legend .vtm-disc {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.disc-legend div p {
  margin: 0;
  padding: 0;
  padding-top: var(--spacing-1);
  text-align: center;
  text-transform: uppercase;
  font-family: Gill Sans;
  font-weight: bold;
  font-size: var(--font-size-small-3);
}

.vtm-disc {
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-21-Obfuscate rombo.png");
}

.vtm-disc-animal {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-15-Animalism rombo.png");
}

.vtm-disc-aus {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-16-Auspex rombo.png");
}

.vtm-disc-sorc {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-17-Thaumaturgy rombo.png");
}

.vtm-disc-cel {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-18-Celerity rombo.png");
}

.vtm-disc-dom {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-19-Dominate rombo.png");
}

.vtm-disc-for {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-20-Fortitude rombo.png");
}

.vtm-disc-ob {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-22-Oblivion rombo.png");
}

.vtm-disc-pot {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-23-Potence rombo.png");
}

.vtm-disc-pre {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-24-Presence rombo.png");
}

.vtm-disc-pro {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/01-25-Protean rombo.png");
}

.vtm-disc-any {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/03-13-vtm-disc-any.svg");
}

.vtm-disc-disc {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/03-14-vtm-disc-disc.svg");
}

.vtm-disc-res {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/03-15-vtm-disc-resonance.svg");
}

.vtm-disc-alch {
  background-image: url("https://content.demiplane.com/compendium/vampire/players-guide/1pLyptVgyy2hjWWU/03-16-vtm-alch.svg");
}

/**/
/*Discipline Header*/
/**/

.main-holder .disc-header {
  padding-top: var(--spacing-4);
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}

.main-holder .disc-header div {
  width: var(--font-size-8);
  display: flex;
}

.main-holder .disc-header h3 {
  padding: 0px;
}

.main-holder .disc-header .book-image-center {
  margin: 0 !important;
}

.main-holder .disc-header div img {
  margin: 0px;
}

.main-holder .disc-level {
  padding-top: var(--spacing-4);
  margin: 0px;
  font-family: Cormorant;
  font-weight: bold;
}

.main-holder .disc-level.header {
  padding-top: var(--spacing-2);
}

.main-holder .disc-name {
  padding-top: 0px;
  padding-bottom: var(--spacing-2);

  font-family: Gill Sans;
  font-size: var(--font-size-1);
  text-transform: uppercase;
}

.main-holder .disc-name.no-level {
  padding-top: var(--spacing-4);
}

.main-holder .dot-span {
  text-shadow: none;
}

/**/
/*Attributes*/
/**/
.main-holder .traits-header {
  padding-bottom: 0;
}

.main-holder .traits-name {
  font-family: EB Garamond;
  font-size: var(--font-size-3);
  color: white;
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-1);
}

/**/
/*Character Section Name*/
/**/

.main-holder .cs-name {
  font-family: Gill Sans;
  text-transform: uppercase;
  font-weight: 600;
  font-size: var(--font-size-4);
}

/**/
/*Sidebar*/
/**/
.main-holder .box-sidebar h5 {
  margin: 0px;
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-1);
  font-size: var(--font-size-2);
}

.main-holder .box-sidebar > h5 {
  font-family: GillSans !important;
}

.main-holder .box-sidebar p:last-child {
  padding: 0px;
}

.main-holder .box-sidebar table {
  text-align: left;
  margin: 0px;
}

.main-holder .box-sidebar table thead th {
  text-transform: uppercase;
  font-size: var(--font-size-1);
}

.main-holder .box-sidebar table tbody td {
  font-size: var(--font-size-1);
}

/**/
/*Tables*/
/**/

.main-holder table {
  font-size: var(--font-size-1);
  font-family: Gill Sans;
margin-bottom: var(--spacing-2);
}

.main-holder table.ch5 {
  text-align: left;
}

.main-holder table p {
    font-size: var(--font-size-small-1) !important;
}

.main-holder table.ch5,
.main-holder table.ch5 th,
.main-holder table.ch5 td {
  border: 1px solid black;
  border-collapse: collapse;
}

.main-holder table.ch5 thead {
  background-color: rgb(118, 5, 25);
  color: white;
}

.main-holder table.ch5 tbody tr:nth-child(even) {
  background-color: #cfcfcf;
  color: black;
}

.main-holder table.ch5 tbody tr:nth-child(even) .dot-span {
  background-color: #cfcfcf;
  color: black;
}

/**/
/*Lists*/
/**/

.main-holder ul {
  margin: 0;
  padding-bottom: var(--spacing-3);
}

/**/
/*ULs*/
/**/
.main-holder ul {
  font-size: var(--font-size-1);
}

.main-holder ul li {
  padding-top: 0px;
  padding-bottom: 0px;
}

.main-holder p.list-title {
  padding-bottom: var(--spacing-1);
}

/**/
/*OLs*/
/**/
.main-holder ol {
  font-size: var(--font-size-1);
}

.main-holder ol li {
  padding-top: 0px;
  padding-bottom: 0px;
}

/**/
/*Utilities*/
/**/

.main-holder .horizontal-text-align {
  text-align: center;
}

.main-holder .margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.main-holder .uppercase {
  text-transform: uppercase;
}

.main-holder .no-top-margin {
  margin-top: 0px;
}

.main-holder img.no-top-margin {
  margin-bottom: 8px;
}

.main-holder .spacer {
  width: 100%;
}

.main-holder .padding-bottom-8 {
  padding-bottom: var(--spacing-8);
}

.main-holder .padding-top-2 {
  padding-top: var(--spacing-2);
}

.main-holder .hidden {
  display: none;
}

/**/
/*Font Classes*/
/**/
.main-holder .fnt-bodoni-72 {
  font-family: Bodoni-72;
}

/**/
/*Image*/
/**/

.main-holder img.bane-image {
  margin: 0px;
  margin-right: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}

.main-holder img.cot-image {
  margin: 0px;
  margin-top: var(--spacing-2);
  margin-right: var(--spacing-3);
  margin-bottom: var(--spacing-1);
}

.main-holder .alt-image {
  display: none;
}

.main-holder .image-so {
  shape-margin: 16px;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.main-holder .book-image-center {
  margin-left: auto;
  margin-right: auto;
}

.main-holder .force-image-left {
  float: left;
}

.main-holder .force-image-right {
  float: right;
}

.main-holder .image-with-subtitle-center {
  margin-left: auto;
  margin-right: auto;
}

/*.main-holder .clan-container .clan-discipline .vtm-disc {*/
/*    width: 30px;*/
/*}*/

/**/
/*Queries*/
/**/

@media only screen and (max-width: 799px) {
  .main-holder .clan-container {
    row-gap: var(--spacing-small);
    padding-bottom: var(--spacing-small);

    grid-template-areas:
      "c-img c-name c-title c-discipline"
      "c-img c-description c-description c-discipline"
      "c-img c-bane c-compulsion c-discipline";

    grid-template-areas:
      "c-img c-name c-name c-discipline"
      "c-img c-title c-title c-discipline"
      "c-img c-description c-description c-discipline"
      "c-img c-description c-description c-discipline"
      "c-img c-bane c-compulsion c-discipline";
  }
}

@media only screen and (max-width: 750px) {
  .disc-legend div {
    width: 75px;
  }
}

@media only screen and (max-width: 720px) {
  .main-holder .clan-container {
    row-gap: var(--spacing-small);
    padding-bottom: var(--spacing-small);

    grid-template-areas:
      "c-img c-name c-name c-discipline"
      "c-img c-title c-title c-discipline"
      "c-img c-description c-description c-discipline"
      "c-img c-description c-description c-discipline"
      "c-img c-bane c-bane c-discipline"
      "c-img c-compulsion c-compulsion c-discipline";
  }
}

@media only screen and (max-width: 700px) {
  :root {
    --base-font: 16px;
  }

  .main-holder .coterie-container {
    grid-template-columns: 3fr 5fr 1.5fr;
    grid-template-rows: 1fr auto auto auto;

    grid-template-areas:
      "c-name c-title c-domain"
      "c-description c-description c-domain"
      "c-description c-description c-domain"
      "c-prereq c-prereq c-domain";
  }

  .main-holder .coterie-container .cot-domain > div > div.vtm-cot-icon {
    width: 29px;
    height: 29px;
  }

  .main-holder .coterie-container .cot-domain > div > div {
    width: 29px;
    height: 29px;
  }
}

@media only screen and (max-width: 600px) {
  .main-holder .book-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .main-holder .force-image-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .main-holder .image-with-subtitle-right {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .main-holder .book-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .main-holder .force-image-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .main-holder .image-with-subtitle-left {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .main-holder .main-image {
    display: none;
  }

  .main-holder .alt-image {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  :root {
    --base-font: 14px;
  }

  .disc-legend div {
    width: 60px;
  }

  .main-holder table.ch5.density tr th:nth-of-type(1) {
    width: 33%;
  }

  .main-holder .clan-container.castoff-container {
    row-gap: var(--spacing-small);
    grid-template-columns: 2fr 6fr 6fr 2fr 4fr;

    grid-template-areas:
      "c-img c-name c-name c-discipline c-list"
      "c-img c-title c-title c-discipline c-list"
      "c-img c-description c-description c-discipline c-list"
      "c-img c-bane c-compulsion c-discipline c-list";
  }

  .main-holder .castoff-container.ghouls,
  .main-holder .castoff-container.mortals {
    row-gap: var(--spacing-small);
    grid-template-columns: 2fr 4fr 8fr 2fr 4fr;

    grid-template-areas:
      "c-name c-name c-name c-discipline c-list"
      "c-title c-title c-title c-discipline c-list"
      "c-description c-description c-description c-discipline c-list"
      "c-bane c-bane c-compulsion c-discipline c-list";
  }

  .main-holder .clan-container.castoff-container .clan-discipline div.vtm-disc {
    width: 32px;
    height: 32px;
  }

  .main-holder .clan-container.castoff-container .clan-discipline > div {
    width: 32px;
    height: 32px;
  }

  .main-holder .clan-container.castoff-container .clan-discipline > p {
    font-size: var(--font-size-small-2);
  }
}

@media only screen and (max-width: 500px) {
  .main-holder .coterie-container .cot-title {
    padding: 0;
  }
  
.main-holder .coterie-container {
    grid-template-columns: 3fr 5fr 1.5fr;
    grid-template-rows: 1fr auto auto auto;

    grid-template-areas:
      "c-name c-name c-domain"
      "c-title c-title c-domain"
      "c-description c-description c-domain"
      "c-description c-description c-domain"
      "c-prereq c-prereq c-domain";
  }

  .main-holder .clan-container.castoff-container {
    row-gap: var(--spacing-small);
    grid-template-columns: 2fr 6fr 5fr 2fr 5fr;

    grid-template-areas:
      "c-img c-name c-name c-discipline c-list"
      "c-img c-title c-title c-discipline c-list"
      "c-description c-description c-description c-discipline c-list"
      "c-bane c-bane c-compulsion c-discipline c-list";
  }

  .main-holder .castoff-container.ghouls,
  .main-holder .castoff-container.mortals {
    row-gap: var(--spacing-small);
    grid-template-columns: 2fr 4fr 6fr 2fr 6fr;

    grid-template-areas:
      "c-name c-name c-name c-discipline c-list"
      "c-title c-title c-title c-discipline c-list"
      "c-description c-description c-description c-discipline c-list"
      "c-bane c-bane c-compulsion c-discipline c-list";
  }
}

/*@media only screen and (max-width: 470px) {*/

/*        .main-holder .clan-container {*/

/*  row-gap: var(--spacing-small);*/
/*    padding-bottom: var(--spacing-small);*/

/*  grid-template-areas:*/
/*    "c-img c-name c-name c-name"*/
/*    "c-img c-title c-title c-title"*/
/*    "c-img c-description c-description c-description"*/
/*    "c-img c-description c-description c-description"*/
/*    "c-img c-bane c-bane c-bane"*/
/*    "c-img c-compulsion c-compulsion c-compulsion"*/
/*    "c-discipline c-discipline c-discipline c-discipline";*/
/*}*/

/*.main-holder .clan-container .clan-discipline {*/
/*    width: 50%;*/
/*    margin: 0 auto;*/
/*  grid-template-areas:*/
/*    "title title title"*/
/*    "disc-1 disc-2 disc-3";*/
/*    grid-template-rows: 1fr 60px;*/
/*  padding: var(--font-size-small-3) var(--font-size-1);*/
/*}*/

/*.main-holder .clan-container .clan-discipline::after {*/
/*    display: none;*/
/*}*/

/*}*/

@media only screen and (max-width: 470px) {
  .main-holder .clan-container {
    row-gap: var(--spacing-small);
    padding-bottom: var(--spacing-small);
    padding-top: var(--spacing-small);

    grid-template-areas:
      "c-img c-img c-img c-img"
      "c-name c-name c-name c-name"
      "c-title c-title c-title c-title"
      "c-description c-description c-description c-description"
      "c-description c-description c-description c-description"
      "c-bane c-bane c-bane c-bane"
      "c-compulsion c-compulsion c-compulsion c-compulsion"
      "c-discipline c-discipline c-discipline c-discipline";
  }

  .main-holder .clan-container .clan-image {
    width: 160px;
  }

  .main-holder .clan-container .clan-discipline {
    width: 50%;
    margin: 0 auto;
    grid-template-areas:
      "title title title"
      "disc-1 disc-2 disc-3";
    grid-template-rows: 1fr 60px;
    padding: var(--font-size-small-3) var(--font-size-1);
  }

  .main-holder .clan-container .clan-discipline::after {
    display: none;
  }

  /*.main-holder .clan-container.castoff-container {*/
  /*  row-gap: var(--spacing-small);*/
  /*  grid-template-columns: 2fr 6fr 5fr 2fr 5fr;*/

  /*  grid-template-areas:*/
  /*    "c-img c-name c-name c-discipline c-list"*/
  /*    "c-img c-title c-title c-discipline c-list"*/
  /*    "c-description c-description c-description c-discipline c-list"*/
  /*    "c-bane c-bane c-bane c-discipline c-list"*/
  /*      "c-compulsion c-compulsion c-compulsion c-discipline c-list";*/
  /*}*/

  .main-holder .clan-container.castoff-container {
    row-gap: var(--spacing-small);
    grid-template-columns: 2fr 5fr 4fr 5fr 4fr;

    grid-template-areas:
      "c-img c-name c-name c-name c-name"
      "c-img c-title c-title c-title c-title"
      "c-description c-description c-description c-description c-description"
      "c-bane c-bane c-compulsion c-compulsion c-compulsion"
      "c-discipline c-list c-list c-list c-list";
  }

  .main-holder .castoff-container.ghouls,
  .main-holder .castoff-container.mortals {
    row-gap: var(--spacing-small);
    /*grid-template-columns: 2fr 4fr 6fr 2fr 6fr;*/

    /*grid-template-areas:*/
    /*  "c-name c-name c-name c-discipline c-list"*/
    /*  "c-title c-title c-title c-discipline c-list"*/
    /*  "c-description c-description c-description c-discipline c-list"*/
    /*  "c-bane c-bane c-bane c-discipline c-list"*/
    /*  "c-compulsion c-compulsion c-compulsion c-discipline c-list";*/
        grid-template-columns: 2fr 5fr 4fr 5fr 4fr;

    grid-template-areas:
      "c-name c-name c-name c-name c-name"
      "c-title c-title c-title c-title c-title"
      "c-description c-description c-description c-description c-description"
      "c-bane c-bane c-compulsion c-compulsion c-compulsion"
      "c-discipline c-list c-list c-list c-list";
  }

  .main-holder .clan-container.castoff-container .clan-discipline {
    width: 100%;
    grid-template-rows: min-content auto;
    grid-template-areas:
      "title title"
      "disc-1 disc-2";
    padding: var(--font-size-small-3) var(--font-size-1);
  }

  .main-holder .clan-container.castoff-container .clan-image {
    width: 100%;
  }

  .main-holder .clan-container.castoff-container .clan-discipline::after {
    display: block;
  }
}

@media only screen and (max-width: 400px) {
  .main-holder h1.red-banner {
    font-size: var(--font-size-5);
  }
}

/*Image Wizard Styles*/
.image-banu-haqim-union-boss-copy {
  width: 275px;
  shape-outside: polygon(38.73% 1.27%, 70.73% 1.98%, 70.73% 15.95%, 76.91% 23.49%, 78.73% 34.08%, 80.18% 43.03%, 80.55% 50.72%, 76.55% 54.65%, 76.55% 64.22%, 82.73% 73.96%, 83.82% 80.24%, 87.82% 88.24%, 92.91% 90.13%, 93.64% 98.45%, 88.18% 99.08%, 79.82% 97.98%, 46.73% 97.35%, 38.73% 98.45%, 31.45% 97.03%, 11.82% 97.51%, 11.82% 60.77%, 11.09% 55.90%, 6.00% 51.19%, 8.18% 42.09%, 10.73% 23.41%, 14.73% 18.38%, 31.82% 15.24%, 28.18% 11.95%, 24.55% 5.98%, 30.00% 2.37%);
}
 {
}
.image-banu-haquim-esoteric-architect-copy {
  width: 280px;
  shape-outside: polygon(53.93% 2.37%, 68.21% 3.73%, 91.43% 3.88%, 94.29% 96.91%, 81.07% 97.37%, 75.00% 95.70%, 50.00% 94.64%, 43.21% 96.00%, 34.29% 95.85%, 34.29% 93.12%, 43.21% 90.09%, 43.57% 71.46%, 40.71% 49.94%, 41.79% 38.88%, 33.57% 38.88%, 23.57% 37.52%, 15.71% 37.06%, 13.21% 32.06%, 15.36% 30.70%, 2.86% 18.43%, 8.21% 18.27%, 22.86% 18.58%, 33.21% 27.82%, 41.43% 20.09%, 50.00% 17.97%, 54.29% 16.00%, 50.00% 12.52%, 48.21% 10.24%, 43.21% 7.52%, 47.86% 4.94%, 51.43% 4.33%);
}
.image-hecata-forensic-specialist-copy {
  width: 405px;
  shape-outside: polygon(23.83% 2.56%, 28.27% 3.04%, 30.49% 6.41%, 29.26% 9.54%, 32.72% 9.54%, 38.40% 11.47%, 40.12% 15.81%, 38.89% 18.94%, 34.69% 19.66%, 35.19% 25.45%, 34.44% 30.99%, 32.96% 34.36%, 31.48% 36.53%, 31.98% 47.13%, 30.74% 50.75%, 31.73% 56.05%, 31.73% 61.11%, 33.21% 70.51%, 34.94% 80.87%, 60.12% 81.11%, 95.43% 82.32%, 95.19% 95.09%, 83.83% 96.77%, 77.41% 97.26%, 57.16% 96.05%, 44.81% 95.81%, 12.72% 97.50%, 3.09% 97.50%, 2.10% 94.12%, 7.78% 91.71%, 5.06% 56.05%, 6.54% 30.27%, 7.78% 17.50%, 17.90% 4.73%);
}
.image-krzysztof-bieniawski-v-pg-hecata-fashion {
  width: 330px;
  shape-outside: polygon(43.64% 0.89%, 96.97% 3.96%, 97.88% 93.58%, 65.76% 95.89%, 62.73% 97.81%, 53.03% 98.39%, 36.97% 98.19%, 26.67% 93.58%, 30.61% 91.08%, 36.97% 92.42%, 34.85% 77.81%, 26.67% 79.92%, 22.12% 76.27%, 14.85% 72.42%, 15.76% 62.42%, 2.12% 62.42%, 5.45% 47.42%, 16.36% 45.50%, 17.88% 40.12%, 26.36% 36.85%, 26.67% 17.81%, 36.06% 15.50%, 37.88% 4.92%);
}
.image-white-mary-the-lasombra {
  width: 300px;
  shape-outside: polygon(0.00% 0.24%, 100.33% -0.06%, 100.00% 3.57%, 96.33% 15.35%, 83.33% 28.49%, 83.33% 43.14%, 84.33% 45.86%, 79.00% 53.42%, 84.67% 59.46%, 80.67% 62.93%, 81.00% 71.39%, 86.67% 79.85%, 97.00% 81.21%, 93.00% 85.74%, 76.33% 84.38%, 75.67% 89.52%, 70.33% 96.01%, 4.33% 95.86%, 0.00% 73.20%);
}
.image-lasombra-mentor-copy {
  width: 390px;
  shape-outside: polygon(56.15% 3.33%, 61.79% 1.93%, 66.92% 3.93%, 71.79% 13.75%, 73.85% 17.76%, 81.03% 23.37%, 96.15% 16.55%, 96.15% 19.56%, 83.59% 28.38%, 84.10% 35.99%, 78.21% 36.19%, 81.28% 50.22%, 76.92% 76.27%, 74.10% 91.50%, 73.85% 95.31%, 67.18% 95.91%, 55.90% 96.72%, 53.85% 98.32%, 47.44% 97.12%, 44.87% 94.31%, 21.03% 87.90%, 17.18% 88.70%, 7.69% 87.90%, 5.13% 84.29%, 5.38% 80.08%, 10.26% 77.88%, 29.74% 77.28%, 36.92% 78.48%, 45.90% 79.88%, 53.33% 65.65%, 51.03% 46.62%, 53.33% 33.39%, 50.51% 29.98%, 43.59% 30.98%, 36.41% 28.78%, 36.92% 22.17%, 43.33% 16.15%, 47.18% 13.55%, 51.54% 13.15%, 53.08% 7.54%);
}
.image-krzysztof-bieniawski-v-pg-ministry-fashion {
  width: 360px;
  shape-outside: polygon(47.22% 1.99%, 56.67% 2.85%, 63.61% 8.68%, 62.78% 14.00%, 60.83% 16.40%, 74.17% 19.66%, 82.78% 17.26%, 96.94% 18.97%, 93.61% 94.44%, 68.33% 97.02%, 62.22% 98.05%, 38.89% 96.85%, 33.89% 98.39%, 28.61% 97.36%, 28.61% 94.27%, 32.50% 92.21%, 32.22% 83.81%, 23.61% 81.92%, 25.56% 73.69%, 17.50% 72.32%, 19.72% 49.50%, 11.67% 45.39%, 14.17% 30.81%, 4.17% 29.95%, 3.06% 11.25%, 24.44% 14.17%, 33.06% 14.17%, 33.61% 8.17%, 38.61% 3.54%);
}
.image-ravnos-midnight-motorcycle-courier-full {
  width: 335px;
  shape-outside: polygon(51.49% 0.53%, 58.96% 2.34%, 63.43% 6.56%, 65.52% 13.40%, 64.63% 16.82%, 69.70% 18.23%, 73.28% 24.27%, 75.07% 32.52%, 75.07% 35.94%, 78.66% 38.96%, 85.52% 37.95%, 88.81% 41.97%, 93.88% 47.00%, 92.69% 52.24%, 86.42% 58.67%, 84.03% 62.30%, 71.79% 65.11%, 75.07% 80.61%, 67.01% 84.23%, 65.22% 88.86%, 67.01% 93.48%, 56.57% 97.51%, 46.72% 96.10%, 26.12% 96.10%, 19.55% 99.32%, 10.00% 99.12%, 3.73% 95.90%, 4.03% 18.83%);
}
.image-ravnos-operative-for-hire-full {
  width: 325px;
  shape-outside: polygon(29.08% 1.09%, 35.54% 1.91%, 39.23% 5.54%, 92.15% 6.20%, 91.85% 82.14%, 97.69% 95.16%, 95.85% 96.64%, 57.69% 98.62%, 53.38% 97.30%, 45.38% 97.46%, 24.15% 96.97%, 19.85% 97.96%, 12.46% 96.81%, 16.46% 89.89%, 14.00% 72.59%, 14.92% 58.26%, 6.92% 62.04%, 3.23% 61.06%, 15.54% 49.85%, 16.15% 41.95%, 10.31% 37.00%, 10.31% 25.97%, 12.15% 20.20%, 22.31% 18.22%, 24.46% 16.41%, 22.31% 11.14%, 22.62% 5.87%, 22.00% 3.23%);
}
.image-salubri-seeker-of-truth-copy {
  width: 350px;
  shape-outside: polygon(32.00% 4.60%, 39.14% 3.57%, 46.57% 5.81%, 48.57% 8.24%, 49.14% 11.01%, 48.86% 15.16%, 59.14% 18.44%, 62.86% 23.81%, 64.57% 34.71%, 65.14% 39.90%, 62.57% 48.20%, 96.29% 55.64%, 91.43% 62.22%, 79.14% 59.45%, 76.86% 62.56%, 71.43% 64.64%, 64.00% 64.81%, 56.86% 61.18%, 49.14% 63.25%, 40.29% 63.60%, 37.14% 63.08%, 30.29% 83.32%, 33.43% 86.61%, 32.86% 90.24%, 33.71% 96.99%, 19.71% 98.20%, 12.29% 97.68%, 3.43% 94.92%, 11.71% 9.97%);
}
.image-krzysztof-bieniawski-v-pg-salubri-fashion {
  width: 350px;
  shape-outside: polygon(39.71% 2.60%, 46.86% 0.93%, 53.14% 2.93%, 56.29% 5.93%, 60.57% 17.60%, 66.86% 19.93%, 71.14% 25.43%, 79.14% 24.10%, 84.86% 25.77%, 85.43% 29.27%, 87.71% 32.93%, 93.14% 35.10%, 96.57% 44.93%, 94.57% 48.27%, 89.43% 51.43%, 86.86% 73.77%, 79.71% 77.93%, 66.86% 74.27%, 60.86% 78.60%, 62.29% 88.10%, 65.71% 92.60%, 65.43% 98.10%, 62.00% 99.77%, 55.14% 99.60%, 47.71% 95.27%, 49.43% 84.93%, 46.57% 80.27%, 47.71% 69.10%, 25.71% 72.43%, 18.57% 74.93%, 14.00% 73.77%, 11.14% 52.93%, 7.43% 55.43%, 3.71% 51.93%, 8.00% 38.10%, 13.43% 35.10%, 15.71% 28.10%, 22.57% 26.93%, 25.71% 28.77%, 28.86% 17.60%, 37.71% 16.27%, 40.00% 11.60%, 38.29% 7.60%);
}
.image-tzimisce-gang-leader {
  width: 260px;
  shape-outside: polygon(33.46% 0.71%, 42.69% -0.21%, 53.46% 1.32%, 58.46% 4.08%, 59.62% 5.92%, 54.62% 10.52%, 76.15% 13.28%, 79.23% 17.27%, 94.62% 30.31%, 98.46% 44.57%, 97.69% 50.09%, 94.62% 55.77%, 81.92% 51.93%, 83.08% 72.64%, 64.23% 73.25%, 58.46% 88.13%, 56.92% 93.50%, 56.92% 97.95%, 53.08% 99.02%, 45.38% 99.48%, 40.38% 99.02%, 23.46% 94.42%, 6.15% 78.77%, 2.31% 55.31%, 0.77% 48.87%, 0.38% 31.23%, 8.85% 15.58%);
}
.image-tzimisce-landlady-full {
  width: 275px;
  shape-outside: polygon(51.09% 0.36%, 59.09% 1.06%, 64.18% 3.30%, 72.91% 13.91%, 94.00% 45.20%, 99.82% 56.51%, 83.82% 59.72%, 79.09% 60.70%, 78.00% 86.96%, 83.45% 95.76%, 82.73% 98.55%, 66.36% 98.41%, 54.00% 99.25%, 43.82% 99.11%, 37.64% 99.67%, 33.27% 91.15%, 36.55% 87.10%, 34.36% 73.55%, 39.09% 57.21%, 27.82% 52.74%, 24.18% 49.67%, 1.27% 49.39%, 0.55% 46.87%, 2.73% 36.54%, 10.36% 26.06%, 14.73% 19.08%, 21.64% 13.21%, 31.45% 12.93%, 35.45% 7.91%, 39.45% 3.30%, 43.82% 0.92%);
}
.image-krzysztof-bieniawski-v-pg-malkavian-enlightened {
  width: 385px;
  shape-outside: polygon(54.16% 0.50%, 61.17% 0.50%, 65.84% 1.97%, 71.30% 6.63%, 99.87% 10.06%, 99.61% 76.72%, 58.31% 98.29%, 52.34% 98.78%, 42.21% 97.80%, 44.03% 91.18%, 43.51% 81.14%, 14.42% 77.70%, 7.92% 75.74%, 1.95% 70.60%, 17.27% 55.15%, 17.79% 42.65%, 11.82% 39.71%, 13.38% 35.79%, 44.81% 19.86%, 43.25% 13.49%, 45.06% 6.87%, 48.96% 2.70%);
}
.image-nosferatu-nak-muay-kickboxer {
  width: 265px;
  shape-outside: polygon(49.62% 1.39%, 57.17% 2.55%, 61.70% 5.89%, 65.09% 8.49%, 62.08% 10.09%, 60.57% 13.71%, 74.53% 15.60%, 79.43% 15.74%, 84.34% 19.65%, 88.87% 26.75%, 88.87% 30.23%, 89.25% 34.58%, 90.38% 38.64%, 87.74% 49.51%, 89.62% 53.71%, 86.60% 55.74%, 80.57% 56.75%, 79.43% 67.19%, 83.58% 72.70%, 86.23% 77.62%, 84.72% 83.86%, 84.34% 88.06%, 85.47% 91.10%, 85.47% 95.02%, 85.47% 98.06%, 77.55% 98.64%, 68.87% 98.49%, 65.85% 96.75%, 70.38% 91.97%, 20.94% 90.81%, 14.53% 90.09%, 2.45% 51.25%, 7.74% 18.20%, 36.42% 3.71%);
}
.image-choblivionlafamigliagiovanni-final-maichol-quinto {
  width: 315px;
  shape-outside: polygon(23.97% 0.76%, 34.76% 2.40%, 38.25% 6.93%, 36.98% 12.28%, 69.37% 13.31%, 71.59% 10.22%, 76.67% 8.78%, 82.38% 9.81%, 85.87% 12.90%, 86.83% 16.60%, 85.24% 19.07%, 82.06% 21.95%, 91.90% 24.42%, 94.76% 29.36%, 96.67% 33.06%, 99.21% 35.32%, 98.57% 39.64%, 92.86% 42.53%, 91.27% 47.05%, 95.08% 53.64%, 92.22% 57.96%, 89.37% 60.01%, 90.63% 65.36%, 89.68% 70.71%, 90.00% 75.45%, 92.22% 82.24%, 86.19% 85.32%, 97.30% 87.79%, 94.13% 91.91%, 85.56% 96.85%, 78.25% 98.29%, 56.98% 92.11%, 13.81% 85.12%, 0.79% 32.44%, 14.76% 5.08%, 17.94% 1.37%);
}
.image-choblivionchildrenoftenochtitlan-final-maichol-quinto {
  width: 320px;
  shape-outside: polygon(96.25% 25.38%, 95.94% 84.47%, 88.13% 92.29%, 68.13% 97.02%, 50.00% 97.93%, 28.44% 97.02%, 16.56% 93.02%, 5.31% 87.38%, 0.63% 82.11%, 1.25% 36.66%, 19.06% 30.47%, 30.31% 28.47%, 38.75% 28.47%, 37.50% 22.47%, 36.88% 15.38%, 44.38% 5.75%, 46.88% 3.02%);
}
.image-blood-chemist-copy {
  width: 260px;
  shape-outside: polygon(49.23% 1.17%, 58.46% 1.17%, 67.31% 2.80%, 71.15% 5.10%, 71.54% 8.50%, 68.46% 10.94%, 65.00% 12.84%, 63.08% 14.87%, 63.85% 17.31%, 71.15% 19.76%, 75.00% 23.69%, 80.00% 28.31%, 87.31% 32.10%, 90.77% 34.82%, 88.46% 37.53%, 79.23% 37.53%, 73.08% 35.77%, 89.62% 84.34%, 80.38% 85.70%, 93.46% 99.00%, 73.85% 98.59%, 28.08% 94.79%, 0.77% 84.21%, 2.31% 11.48%);
}
.image-group-ghouls {
  width: 365px;
  shape-outside: polygon(48.63% 0.64%, 53.56% 0.64%, 57.95% 5.15%, 87.53% 0.88%, 96.30% 1.59%, 95.75% 87.14%, 62.33% 97.33%, 52.74% 99.70%, 46.71% 98.75%, 34.11% 96.85%, 11.37% 96.85%, 10.82% 94.25%, 12.47% 91.17%, 15.21% 88.80%, 10.82% 75.53%, 0.14% 71.50%, 1.78% 64.86%, 8.08% 47.56%, 7.53% 40.93%, 9.73% 26.00%, 12.74% 24.10%, 14.93% 13.44%, 19.04% 10.83%, 23.42% 11.31%, 26.16% 15.34%, 37.95% 15.81%, 45.07% 10.83%, 44.25% 6.81%, 45.07% 2.07%);
}
.image-chghoulface-kaitlin-cuthbertson {
  width: 275px;
  shape-outside: polygon(1.27% 0.21%, 77.27% 0.45%, 76.91% 14.25%, 85.64% 22.97%, 90.00% 30.47%, 88.55% 42.82%, 91.09% 49.12%, 91.82% 58.80%, 92.18% 62.68%, 97.64% 67.76%, 99.82% 72.12%, 100.18% 99.72%, 0.18% 100.21%);
}
.image-group-humans {
  width: 400px;
  shape-outside: polygon(20.25% 1.32%, 55.00% 2.59%, 80.25% 1.95%, 98.75% 4.06%, 99.50% 40.27%, 96.00% 92.06%, 86.75% 95.01%, 47.00% 97.11%, 41.75% 99.22%, 37.50% 97.11%, 40.75% 91.64%, 30.50% 91.85%, 25.25% 88.27%, 13.50% 85.95%, 9.25% 88.06%, 2.50% 87.64%, 2.00% 85.74%, 6.75% 81.95%, 7.75% 77.32%, 7.75% 66.38%, 4.25% 67.01%, 1.25% 66.59%, 3.25% 53.74%, 1.00% 50.59%, 1.50% 45.32%, 4.50% 38.16%, 2.25% 31.64%, 6.00% 16.90%, 12.00% 15.22%, 14.00% 9.53%, 15.00% 3.85%);
}
.image-hecata-gorgon-copy {
  width: 395px;
  shape-outside: polygon(31.77% 3.63%, 40.38% 5.18%, 53.04% 3.18%, 68.99% 0.07%, 98.35% 7.18%, 96.58% 89.85%, 74.56% 96.96%, 62.41% 98.74%, 38.61% 98.74%, 30.51% 95.85%, 8.23% 92.07%, 1.65% 86.29%, 0.13% 80.74%, 16.08% 79.40%, 41.39% 70.96%, 48.48% 67.85%, 67.22% 68.51%, 63.67% 41.85%, 55.82% 29.63%, 43.67% 24.51%, 30.76% 20.51%);
}
.image-lucjan-the-malkavian {
  width: 300px;
  shape-outside: polygon(48.33% 3.05%, 64.33% 1.99%, 88.33% 6.85%, 98.33% 18.38%, 93.33% 97.13%, 59.33% 96.98%, 48.00% 99.41%, 32.33% 97.74%, 25.67% 93.64%, 30.67% 91.82%, 44.00% 88.64%, 40.67% 81.96%, 36.00% 73.61%, 32.67% 61.17%, 22.67% 56.77%, 30.33% 42.66%, 28.00% 38.56%, 30.33% 35.52%, 35.33% 35.68%, 34.00% 28.70%, 22.67% 28.54%, 8.67% 19.44%, 3.33% 12.31%, 13.67% 9.88%, 13.67% 7.30%, 17.33% 5.63%, 22.00% 6.39%, 33.67% 3.96%);
}
.image-krzysztof-bieniawski-v-pg-contextual-contact {
  width: 345px;
  shape-outside: polygon(-0.72% 1.63%, 98.41% 2.18%, 99.28% 66.58%, 99.28% 80.98%, 75.80% 96.47%, 70.58% 98.10%, 62.17% 97.02%, 52.32% 90.22%, 50.29% 85.60%, 36.67% 86.96%, 10.58% 89.41%, -0.14% 77.72%);
}
.image-chcaitifmeritok-felipe-headley-costa {
  width: 320px;
  shape-outside: polygon(59.38% 1.79%, 65.00% 0.41%, 72.19% 0.81%, 82.19% 5.75%, 97.81% 8.32%, 98.75% 86.18%, 95.31% 95.07%, 75.63% 99.42%, 54.06% 99.62%, 27.19% 99.62%, 13.75% 99.42%, 7.81% 95.87%, 4.06% 91.32%, 4.06% 19.58%, 13.44% 17.01%, 35.31% 19.98%, 46.25% 17.01%, 50.63% 13.45%, 56.88% 12.07%, 56.25% 7.53%);
}