<!--HTML-->
<style>
.ghosts-wrapper {
    display: flex;
    flex-direction: column;
    margin: auto;
    border: 1px solid #AFAFAF;
    align-items: center;
    gap: 20px;
    background: #cdcdcd;
    border-radius: 12px;
    overflow: hidden;
}

.ghosts-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #D9D9D9;
	padding: 15px 15px 20px;
	align-self: stretch;
}

.ghosts-title span {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #415858;
	width: auto;
	padding: 10px 0px 20px !important;
	margin: 0px;
	font: normal 38px Pragmatica;
	text-transform: lowercase;
}

.ghosts-desc1 {
    font-size: 11px;
    text-align: justify;
    background: #D9D9D9;
    width: 750px;
    color: #434343;
    border: solid 1px #AFAFAF;
    padding: 20px;
    border-radius: 10px;
    margin: 15px 20px 20px !important;
    text-transform: lowercase;
}

.ghosts-desc1 ul {
    font-size: 26px;
    text-align: justify;
    font-family: MOISETTE;
    text-transform: lowercase;
}

.ghosts-desc1 li {
    margin: -22px 0px 0px 56px;
    font-size: 8px;
    text-align: justify;
    text-transform: uppercase;
}

.attention {
    font-size: 9px !important;
    font-weight: 700;
    text-align: justify;
    color: #415858;
    text-transform: uppercase;
}

.ghosts-desc4 {
    flex: 1;
    align-content: space-around;
    align-items: center;
    font-size: 11px;
    text-align: justify;
    background: #D9D9D9;
    border: solid 1px #AFAFAF;
    padding: 20px;
    border-radius: 10px;
    margin: -20px 20px 15px !important;
    text-transform: lowercase;
color: #000000;
}

.ghosts-desc4 img {
    margin: 0px 0px 15px;
    border-radius: 7px;
    filter: saturate(0%) brightness(90%) contrast(80%) opacity(90%);
    width: 60px;
    height: 60px;
}

.ghosts-desc4 li {
    font-size: 19px;
    text-align: center !important;
    border-radius: 10px;
    margin: -7px 20px 15px !important;
    font-family: MOISETTE;
    text-transform: lowercase;
}

.ghosts-desc2 {
    font-size: 7px;
    color: #415858;
    margin: -39px 85px -11px !important;
    text-align: center;
    text-transform: uppercase;
}

.ghosts-container_wrapper2 {
	margin: 0 20px !important;
	align-self: stretch;
	display: flex;
	height: 265px;
	justify-content: center;
	padding: 0 20px 20px;
	font-family: Pragmatica;
	gap: 5px;
	position: relative;
	overflow: hidden;
}

.ghosts-container_wrapper2:after {
	content: "";
	background: linear-gradient(to bottom, #E6E6E6 0%, #D9D9D9 100%);
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.ghosts-container_wrapper4 {
    background: #D9D9D9;
    align-self: stretch;
    margin: 0 35px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #AFAFAF;
    padding: 44px 20px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 44px;
    align-items: center;
}

.ghosts-act_container {
	flex: 1;
	background: #D9D9D9;
	border-radius: 10px;
	padding: 15px;
	height: 230px;
	display: flex;
	flex-direction: column;
}

.ghosts-act_img {
    border-radius: 10px;
    object-fit: cover;
    width: 280px;
    height: 60px;
    margin: -46px auto 10px !important;
}

.action {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    text-align: justify;
    font-size: 11px;
}

.ghosts-container_wrapper.works {
	gap: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 20px 20px !important;
	border-radius: 20px;
}

.works .ghosts-faces_container {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #AFAFAF;
	flex: 1;
	background: #D9D9D9;
	border-radius: 10px;
	padding: 15px;
	height: 175px;
}

.works .ghosts-subtitle {
	background: #D9D9D9;
	padding: 3px 15px;
	color: #434343;
	font-weight: 600;
	font-family: MOISETTE;
	font-size: 9px;
	border-radius: 10px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	width: calc(100% - 80px);
	box-sizing: border-box;
	top: -10px;
}

.works .faces_list {
	align-self: stretch;
	text-align: left;
	padding-right: 10px !important;
}

.ghosts-container_wrapper {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    margin: 0px 35px 0px 35px !important;
    align-items: center;
    gap: 20px;
    align-content: space-around;
    justify-content: space-evenly;
    flex-wrap: nowrap;
}

.ghosts-faces_wrapper {
	align-self: stretch;
	display: flex;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
}

.ghosts-faces_wrapper:last-child {
	margin-bottom: 30px;
}

.ghosts-faces_container {
	background: #D9D9D9;
    border: 1px solid #AFAFAF;
    flex: 1;
    border-radius: 12px;
    padding: 10px;
    margin: 10px !important;
    height: 175px;
    width: 385px;
    align-content: space-around;
    align-items: center;
}

.faces_list {
	overflow-y: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	text-align: center;
	font-size: 11px;
	text-transform: lowercase;
}

.ghosts-cards_wrapper {
	background: #cdcdcd;
    border-radius: 0px 0px 20px 20px;
    width: 880px;
    height: 400px;
    margin: auto !important;
    border: 1px solid #AFAFAF;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
	padding: 20px 12px 20px;
	box-sizing: border-box;
}
</style>
<div class="ghosts-wrapper">
    <div class="ghosts-title"><span>дом блуждающих огней</span></div>

    <div class="ghosts-desc2">
        о плюшках и условиях: беря акционного персонажа, вы автоматически ставите галочку в графе «согласен с необходимостью принимать участие в сюжетных квестах», из чего следует вывод, что администрация ожидает от вас хотя бы 1 игровой пост в 2 недели; внешности, имена и факты о персонажах можно менять по согласованию с <a href="https://homey.rusff.me/profile.php?id=353">амс (тык)</a>; в подарок вы получите 1000 хомяков, индивидуальный комплект «фон-плашка» по вашим лекалам, гарантированное место в сюжете и море любви от администрации.
    </div>

    <div class="ghosts-desc1">
        «Дом Блуждающих Огней» — не просто гильдия, а пристанище для тех, кто видит незримое. Мы — проводники для душ, потерявших путь, и хранители истинных историй Эдинбурга. Наш долг — быть маяком в тумане, чтобы ни один огонёк прошлого не угас в безвременье. Мы даём голос забытым легендам и возвращаем покой тем, кто его жаждет. Руководитель гильдии - Элинор Рэй, по слухам, обладает даром медиума.<br><br>
        <br>*по акции вы так же можете взять любого персонажа, связанного с деятельностью гильдии;
        <br>**для зарегистрированных пользователей доступна обсуждальня, где можно найти связи.
    </div>

    <div class="ghosts-faces_wrapper">
        <div class="ghosts-desc4">
            <center><img src='https://upforme.ru/uploads/001c/7a/06/353/464383.gif'><br></center>
            <li>leo, 27</li>
            <p class="act-vneh">lorenzo zurzolo</p>
            IT-специалист. Живой, энергичный, с цветными ногтями и коллекцией футболок с принтами видеоигр. Постоянно что-то паяет, кодирует или тестирует. Носит с собой целый арсенал: дроны с тепловизорами, модифицированные экшн-камеры, датчики движения с собственной прошивкой. Уверен, что любую магию можно измерить и задокументировать. Для него призраки — это просто аномалии данных, которые нужно поймать.
        </div>

        <div class="ghosts-desc4">
            <center>( занята )<br><br><img src='https://upforme.ru/uploads/001c/7a/06/353/658591.gif'><br></center>
            <li>astrid, 30</li>
            <p class="act-vneh">margaret qualley</p>
            Преподаватель истории. Очки в стильной оправе, аккуратная прическа, всегда с блокнотом и планшетом. Спокойная, методичная, с энциклопедическими знаниями об Эдинбурге. Может найти упоминание о любом здании или человеке за последние 500 лет. Для нее каждая легенда — это пазл, который нужно собрать из реальных фактов. Она воодушевлена возможностью прикоснуться к «живой» истории и доказать, что правда всегда страннее вымысла.
        </div>
    </div>

    <div class="ghosts-faces_wrapper">
        <div class="ghosts-desc4">
            <center>( занят )<br><br><img src='https://upforme.ru/uploads/001c/7a/06/353/85201.gif'><br></center>
            <li>sean, 31</li>
            <p class="act-vneh">jeremy allen white</p>
            Бывший военный. Атлетичного телосложения, уверенные движения. Прагматик и немного циник, но с огромным чувством долга. Всегда носит с собой треккинговые палки и рюкзак с полным комплектом снаряжения для выживания в любых условиях. Не верит в призраков, но верит в команду. Для него Общество — это его новый «взвод». Его миссия — обеспечить, чтобы все вернулись с вылазки живыми и здоровыми, независимо от того, с чем они столкнутся.
        </div>

        <div class="ghosts-desc4">
            <center><img src='https://upforme.ru/uploads/001c/7a/06/353/965475.gif'><br></center>
            <li>mimi, 21</li>
            <p class="act-vneh">zendaya</p>
            Студентка художки. Художественно небрежный стиль, всегда с несколькими камерами на шее (от старинной пленочной до современной цифровой). Мечтательная, но решительная. Видит мир через объектив и ищет в нем красоту даже в самых мрачных проявлениях. Уверена, что истина проявляется в деталях: в игре света и тени, в неожиданном отражении. Она хочет заснять необъяснимое не для славы, а чтобы доказать, что мир полон чудес.
        </div>
    </div>

    <div class="ghosts-faces_wrapper">
        <div class="ghosts-desc4">
            <center>( занят ) <br><br><img src='https://upforme.ru/uploads/001c/7a/06/353/170152.gif'><br></center>
            <li>isaak, 28</li>
            <p class="act-vneh">matthew daddario</p>
            Ведущий подкаста. Общительный, харизматичный, с поставленным голосом и обаятельной улыбкой. Мастер слова и сетевого общения. Ведет закрытый подкаст Общества, где делится их находками с небольшой группой доверенных лиц по всему миру. Ищет историю, которая изменит все. Он верит в силу повествования и хочет рассказать миру о настоящем Эдинбурге, скрытом под слоем туристических брошюр.
        </div>

        <div class="ghosts-desc4">
            <center>( придержана )<br><br><img src='https://upforme.ru/uploads/001c/7a/06/353/912419.gif'><br></center>
            <li>natasha, 23</li>
            <p class="act-vneh">dav cameron</p>
            Студентка химико-биологического. Пытливая, восторженная, с горящими глазами. Всегда носит с собой небольшую лабораторную сумку с реактивами, пробирками и увеличительными стеклами. Обожает проводить эксперименты и искать материальные объяснения нематериальным явлениям. Для нее вселенная — это огромная научная загадка. Она пришла в Общество, чтобы найти доказательства, которые не вписываются в учебники.
        </div>
    </div>
</div> <!-- Закрытие .html_thems-wrapper -->