### Souls of Paramount <div class="chart-wrapper"> <div class="height-chart" style="width: 130%"> <!-- Measurement Background Grid --> <div class="measurement-lines"> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> </div> <div class="measurement-lines-half"> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> </div> <div class="lineup-scroll"> <div class="lineup-row"> <div class="character-card" style="--char-height: 163; margin-bottom:-5px; margin-left:0px; z-index: 2;"> <div class="character-info" style="margin-left: 20px"><span class="name">Lucia</span> <span class="height-text">5'3"<br>160 cm</span> </div> <div class="image-box"><img class="character-image" src="height-lucia.png" /></div></div> <div class="character-card" style="--char-height: 164; margin-bottom:-5px; margin-left: -100px; z-index: 2;"> <div class="character-info"><span class="name">Noire</span> <span class="height-text">5'3"<br>161 cm</span> </div> <div class="image-box"><img class="character-image" src="height-noire.png" /></div></div> <div class="character-card" style="--char-height: 197; margin-bottom:-7px; margin-left: -90px; z-index: 2;"> <div class="character-info" style="margin-left: -180px"><span class="name">Iavir</span> <span class="height-text">6'0"<br>183 cm</span> </div> <div class="image-box"><img class="character-image" src="height-iavir.png" /></div></div> <div class="character-card" style="--char-height: 44; margin-bottom:-8px; margin-left:-220px; z-index: 3;"> <div class="character-info"><span class="name">Artemis</span> <span class="height-text">1'4"<br>42 cm</span> </div> <div class="image-box"><img class="character-image" src="height-artemis.png"></div></div> <div class="character-card" style="--char-height: 62; margin-bottom: 250px; margin-left: -160px; z-index: 3;"> <div class="character-info"><span class="name">Inga</span> <span class="height-text">6'1"<br>186 cm</span> </div> <div class="image-box"><img class="character-image" src="height-inga.png" /></div></div> <div class="character-card" style="--char-height: 211; margin-bottom:-4px; margin-left: -100px; z-index: 2;"> <div class="character-info"><span class="name">Riven</span> <span class="height-text">6'8"<br>203 cm</span> </div> <div class="image-box"><img class="character-image" src="height-riven.png" /></div></div> <div class="character-card" style="--char-height: 228; margin-bottom:-7px; margin-left: -150px; z-index: 1;"> <div class="character-info" style="margin-left: 60px"><span class="name">Ofort</span> <span class="height-text">7'4"<br>224 cm</span> </div> <div class="image-box"><img class="character-image" src="height-ofort.png" /></div></div> <div class="character-card" style="--char-height: 176; margin-bottom:-11px; margin-left: -80px; z-index: 1;"> <div class="character-info" style="margin-left: -40px"><span class="name">Shadow Blade</span> <span class="height-text">5'6"<br>169 cm</span> </div> <div class="image-box"><img class="character-image" src="height-rosette.png" /></div></div> <div class="character-card" style="--char-height: 189; margin-bottom:-6px; margin-left: -120px; z-index: 1;"> <div class="character-info"><span class="name">Geneviève</span> <span class="height-text">6'0"<br>184 cm</span> </div> <div class="image-box"><img class="character-image" src="height-geneviève.png" /></div></div> <div class="character-card" style="--char-height: 169; margin-bottom:-6px; margin-left: -80px; z-index: 1;"> <div class="character-info"><span class="name">Clair</span> <span class="height-text">5'6"<br>167 cm</span> </div> <div class="image-box"><img class="character-image" src="height-clair.png" /></div></div> <div class="character-card" style="--char-height: 177; margin-bottom:-8px; margin-left: -80px; z-index: 1;"> <div class="character-info"><span class="name">Azazel</span> <span class="height-text">5"6'<br>168 cm</span> </div> <div class="image-box"><img class="character-image" src="height-azazel.png" /></div></div> <div class="character-card" style="--char-height: 52; margin-bottom: 226px; margin-left: -60px; z-index: 1;"> <div class="character-info"><span class="name">Marigold</span> <span class="height-text">5'5"<br>165 cm</span> </div> <div class="image-box"><img class="character-image" src="height-marigold.png" /></div></div> </div> </div> </div> </div> ### Souls of Axonder <div class="chart-wrapper"> <div class="height-chart" style="width: 330%"> <!-- Measurement Background Grid --> <div class="measurement-lines"> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> </div> <div class="measurement-lines-half"> <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div> </div> <div class="lineup-scroll"> <div class="lineup-row"> <div class="character-card" style="--char-height: 183; margin-bottom:0px; margin-left:0px; z-index: 1;"> <div class="character-info"><span class="name">Aeon Axonder</span> <span class="height-text">6'0"<br>183 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(98%) sepia(7%) saturate(199%) hue-rotate(107deg) brightness(99%) contrast(90%);"></div></div> <div class="character-card" style="--char-height: 171; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Aurora Axonder</span> <span class="height-text">5'7"<br>171 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(98%) sepia(7%) saturate(199%) hue-rotate(107deg) brightness(99%) contrast(90%);"></div></div> <div class="character-card" style="--char-height: 160; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Lucia Axonder</span> <span class="height-text">5'3"<br>160 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(98%) sepia(7%) saturate(199%) hue-rotate(107deg) brightness(99%) contrast(90%);"></div></div> <div class="character-card" style="--char-height: 188; margin-bottom:0px; margin-left:-30px; z-index: 1;"> <div class="character-info"><span class="name">Keloch Ezel</span> <span class="height-text">6'2"<br>188 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(17%) sepia(11%) saturate(7364%) hue-rotate(332deg) brightness(97%) contrast(82%);"></div></div> <div class="character-card" style="--char-height: 178; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Vérène Ezel</span> <span class="height-text">5'10"<br>178 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(17%) sepia(11%) saturate(7364%) hue-rotate(332deg) brightness(97%) contrast(82%);"></div></div> <div class="character-card" style="--char-height: 183; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Zexel Ezel</span> <span class="height-text">6'0"<br>183 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(17%) sepia(11%) saturate(7364%) hue-rotate(332deg) brightness(97%) contrast(82%);"></div></div> <div class="character-card" style="--char-height: 168; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Azazel Ezel</span> <span class="height-text">5'6"<br>168 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(17%) sepia(11%) saturate(7364%) hue-rotate(332deg) brightness(97%) contrast(82%);"></div></div> <div class="character-card" style="--char-height: 180; margin-bottom:0px; margin-left:-30px; z-index: 1;"> <div class="character-info"><span class="name">Maven Nyxhallow</span> <span class="height-text">5'11"<br>180 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(29%) sepia(28%) saturate(588%) hue-rotate(225deg) brightness(102%) contrast(88%);"></div></div> <div class="character-card" style="--char-height: 203; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Riven Nyxhallow</span> <span class="height-text">6'8"<br>203 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(29%) sepia(28%) saturate(588%) hue-rotate(225deg) brightness(102%) contrast(88%);"></div></div> <div class="character-card" style="--char-height: 161; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Noire Nyxhallow</span> <span class="height-text">5'3"<br>161 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(29%) sepia(28%) saturate(588%) hue-rotate(225deg) brightness(102%) contrast(88%);"></div></div> <div class="character-card" style="--char-height: 179; margin-bottom:0px; margin-left:-30px; z-index: 1;"> <div class="character-info"><span class="name">Massimo Foscerra</span> <span class="height-text">5'10"<br>179 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(21%) sepia(41%) saturate(412%) hue-rotate(60deg) brightness(94%) contrast(87%);"></div></div> <div class="character-card" style="--char-height: 186; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Giacomo Foscerra</span> <span class="height-text">6'1"<br>186 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(21%) sepia(41%) saturate(412%) hue-rotate(60deg) brightness(94%) contrast(87%);"></div></div> <div class="character-card" style="--char-height: 162; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Marcello Foscerra</span> <span class="height-text">5'4"<br>162 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(21%) sepia(41%) saturate(412%) hue-rotate(60deg) brightness(94%) contrast(87%);"></div></div> <div class="character-card" style="--char-height: 149; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Alessia Foscerra</span> <span class="height-text">4'11"<br>149 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(21%) sepia(41%) saturate(412%) hue-rotate(60deg) brightness(94%) contrast(87%);"></div></div> <div class="character-card" style="--char-height: 194; margin-bottom:0px; margin-left:-30px; z-index: 1;"> <div class="character-info"><span class="name">Gautier Laval</span> <span class="height-text">6'4"<br>194 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(20%) sepia(31%) saturate(2866%) hue-rotate(347deg) brightness(95%) contrast(93%);"></div></div> <div class="character-card" style="--char-height: 167; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Adélaïde Laval</span> <span class="height-text">5'6"<br>167 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(20%) sepia(31%) saturate(2866%) hue-rotate(347deg) brightness(95%) contrast(93%);"></div></div> <div class="character-card" style="--char-height: 190; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Désiré Laval</span> <span class="height-text">6'3"<br>190 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(20%) sepia(31%) saturate(2866%) hue-rotate(347deg) brightness(95%) contrast(93%);"></div></div> <div class="character-card" style="--char-height: 184; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Geneviève Laval</span> <span class="height-text">6'0"<br>184 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(20%) sepia(31%) saturate(2866%) hue-rotate(347deg) brightness(95%) contrast(93%);"></div></div> <div class="character-card" style="--char-height: 167; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Clair Laval</span> <span class="height-text">5'6"<br>167 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(20%) sepia(31%) saturate(2866%) hue-rotate(347deg) brightness(95%) contrast(93%);"></div></div> <div class="character-card" style="--char-height: 165; margin-bottom:0px; margin-left:-30px; z-index: 1;"> <div class="character-info"><span class="name">Viviana D'Aquil</span> <span class="height-text">5'5"<br>165 cm</span> </div> <div class="image-box"><img class="character-image" src="height-female.png" style="filter: invert(49%) sepia(34%) saturate(299%) hue-rotate(32deg) brightness(93%) contrast(88%);"></div></div> <div class="character-card" style="--char-height: 224; margin-bottom:0px; margin-left:-30px; z-index: 1;"> <div class="character-info"><span class="name">Ofort Cera-kol</span> <span class="height-text">7'4"<br>224 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(98%) sepia(7%) saturate(199%) hue-rotate(107deg) brightness(99%) contrast(90%);"></div></div> <div class="character-card" style="--char-height: 169; margin-bottom:0px; margin-left:-70px; z-index: 1;"> <div class="character-info"><span class="name">Shadow Blade</span> <span class="height-text">5'6"<br>169 cm</span> </div> <div class="image-box"><img class="character-image" src="height-male.png" style="filter: invert(0%) sepia(2%) saturate(6454%) hue-rotate(324deg) brightness(77%) contrast(84%);"></div></div> </div> </div> </div> </div>