[html]<style>
:root {
  --heathen-green: #42615A;
  --heathen-greendk: rgb(35, 45, 43);
  --heathen-black: rgb(29, 36, 35);
  --heathen-red: #D66251;
  --heathen-reddk: rgb(6, 6, 6);
  --heathen-gray: #ECEFEE;
  --heathen-sans: 'barlow', sans-serif;
  --heathen-mono: 'space mono', monospace;
  --heathen-stroke: 0.75px var(--heathen-reddk);
--heathen-strokethin: 0.9px #262626;
}

#lv-heathens {
    width: 467px;
    padding: 50px;
    margin: -10px 0 0 -6px;
    color: rgb(19, 111, 102);
    font-family: var(--heathen-sans);
    position: relative;
}
#lv-heathens a {
  color: var(--heathen-green);
  letter-spacing: 0.2px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s;
}

#lv-heathens a:hover {
  color: var(--heathen-#E0B41A);
  text-decoration: underline;
}

.heathen-title {
    -webkit-text-stroke: var(--heathen-stroke);
    color: rgb(223, 178, 26);
    text-shadow: 1px 1px rgb(226, 182, 27);
    font-size: 47px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-style: italic;
    height: 40px;
    position: absolute;
}

.side {
  transform: rotate(-90deg);
  left: -132px;
  top: 200px;
  text-align: right;
}

.top {
    left: 66px;
    top: 13px;
}

.heathens-all {
    width: 408px;
    margin-bottom: 51px;
    position: relative;
    top: 25px;
    left: 20px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.heathen {
    overflow: hidden;
    width: 202px;
    height: 250px;
    border: 1px solid rgb(34, 91, 80);
    margin-bottom: 16px;
    transition: 0.2s ease-in-out 0s;
    background: rgb(19, 111, 102);
    margin-right: -24px;
}
.heathen img {
    position: relative;
    z-index: 1;
    width: 202px;
    height: 250px;
    margin: 0;
    filter: grayscale(100%);
    object-fit: cover;
    mix-blend-mode: hard-light;
    opacity: 0.8;
    transition: 0.3s all ease-in 1s, 0.3s all ease-out 0s;
}

.heathen > div {
    position: relative;
    z-index: 5;
    color: #E0B41A;
    font-weight: 700;
}

.heathen-basic {
    top: -253px;
    height: 252px;
    font-family: var(--heathen-mono);
    text-transform: uppercase;
    width: 202px;
    padding: 136px 25px 0;
    box-sizing: border-box;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.5;
    transition: 0.3s ease-in-out 0.1s;
}

.heathen-basic p {
    font-family: var(--heathen-sans);
    -webkit-text-stroke: var(--heathen-strokethin);
    color: #ecbc18;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2 !important;
    letter-spacing: 3px;
    padding-bottom: 9px !important;
}

.heathen:hover>.heathen-basic {
  transform: translateX(160px);
}

.heathen:hover {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 2px solid var(--heathen-#E0B41A);
}

.heathen:hover>img {
  mix-blend-mode: multiply;
  opacity: 0.6;
  transform: scale(1.2);
}

.heathen:hover > .heathen-info {
  transform: scale(1);
  transition: 0.2s ease 0.3s;
}

.heathen-info {
    position: absolute;
    z-index: 10;
    top: -502px;
    width: 202px;
    height: 251px;
    padding: 12px 0px 5px 15px;
    box-sizing: border-box;
    font-size: 11px;
    transform: scale(0);
    transition: 0.2s all ease-out 0s;
    background: #000;
    font-weight: 300 !important;
}

.heathen-info p {
  overflow: auto;
  height: 210px;
  text-align: justify;
  padding-right: 3px;
  line-height: 1.5;
}

.heathen-info p i, .heathen-info p b {
    color: #FFF;
}

.heathen-info p::-webkit-scrollbar {
  width: 2px;
}

.heathen-info p::-webkit-scrollbar-track {
  background: none;
  border: 0;
}

.heathen-info p::-webkit-scrollbar-thumb {
  background: var(--heathen-reddk);
  border-radius: 5px;
}

.heathen-info space:before {
  content: "|";
  color: transparent;
}

</style>

<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Barlow:ital,wght@0,300;0,700;0,900;1,300;1,700;1,900&family=EB+Garamond:ital,wght@1,500&display=swap" rel="stylesheet">

<div id="lv-heathens">
  <div class="heathen-title side">
    passengers
  </div>

  <div class="heathen-title top">
    fuselage
  </div>

  <div class="heathens-all">
    <div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/602721.gif" alt="alphard" />
      <div class="heathen-basic">
        <p>Tessa White (занята)</p>
        25. Профессия на выбор<br />
       
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Natalie Dormer (изменена на Ester Exposito)</i> <br />
        <br />
Молодая юная красавица. Уверенная в том, что весь мир будет готов лечь к твоим ногам. Тебе пророчили большое будущее. Тебе повезло родиться в успешной семье, но ты собиралась устраивать свою жизнь самостоятельно. Тем более, у тебя были все задатки для этого. Миловидная внешность сочеталась с умением хитрить и упрямствовать в поведении с людьми.
<br /><br />
Ты действительно вскоре стала независимой от своих родителей. Ты жила как хочется, ведь больше всего в жизни ты ценишь себя и свой комфорт. Ты не кидалась и создавать семью. Тебе нравилось уделять время своей личности. Ты то увлекалась новым хобби, то путешествовала по миру, не думая ни о чем.
<br /><br />
Знала ли ты, что именно такие путешествия в корне изменят твою жизнь? Во время полета из Сиднея в Лос-Анджелес ты представляла, что будешь делать в одном из самых модных городов США, но твоим мечтам на этот раз не суждено было сбыться. И теперь ты уже точно сама по себе.
<br /><br />
Однако, несмотря ни на что, тебе понравится этот остров. Ты полюбишь изучать его даже в одиночестве. Но что если однажды случайная встреча в джунглях подтолкнет тебя постепенно менять мировоззрение? Ты точно не встречала Гектора Гибсона среди остальных пассажиров злопулочного рейса. Ты приглянулась ему, да и он, скорее всего, приглянулся тебе. Как вы будете взаимодействовать и соберетесь ли вы разгадывать загадки друг друга? Ведь, быть может, у вас внутри одни и те же цели?
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/249069.gif" alt="cygnus" />
      <div class="heathen-basic">
        <p>Joyce Hart</p>
        <span>24. Журналист<br />
       
        </span>
      </div>

      <div class="heathen-info">
        <p>
        <i>face: Emma Roberts</i> <br />
        <br />
        Ты еще не устала всем повторять, что с тобой все хорошо? <i>Хватит врать, Джойс!</i> Хватит прятать шрамы на запястьях под длинными рукавами. Хватит все свободное время проводить в четырех стенах своей маленькой съемной квартирки. Ты еще не устала думать о самоубийстве и винить в отсутствии решительности своего кота, который после твоей смерти будет никому не нужен?
  <br /><br />
Ты не в порядке. Совсем не в порядке. Ты попала в аварию год назад. С тех пор ты и панические атаки неразлучны. Ты боишься засыпать, мучаясь то от кошмаров, то от сонного паралича. Помогает только снотворное, после которого неизменны мешки под глазами. Ты давно перестала их замазывать. Некогда успешный журналист, любящий жизнь, имеющий сотню друзей и ведущий активно социальные сети превратилась в лютого <i>социофоба.</i>
  <br /><br />
Ты уволилась с работы, переносила все встречи с друзьями на «когда-нибудь потом», сбрасывала звонки и отвечала короткими смс. Выходила из дома только в магазин и обратно, натягивая капюшон и надеясь не встретить знакомых. Друзья первые полгода пытались помочь, но это приводило только к негативу. Они устали стучаться в закрытые двери. А ты и рада, что они, наконец, отстали.
  <br /><br />
В небольшом городе, рядом с Лос-Анджелесом, жила твоя мать. Ее похороны - единственная причина, сумевшая заставить тебя выбраться из дома. Простишь ли ты себя за то, что не сделала этого раньше? Ты ведь знала, что она тяжело болела и что врачи ставили неутешительные прогнозы. Но ты слишком была занята своим <i>внутренним опустошением. </i>
  <br /><br />
Тебе не суждено проститься с ней. Интересно, что теперь будет с твоим котом.
 
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/958346.gif" alt="sirius" />
      <div class="heathen-basic">
        <p>Raven Davies (занята)</p>
        16. Школьница<br />
       
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Elle Fanning (изменена на Erin Moriarty)</i> <br />
        <br />
Тебе часто говорят, что ты похожа на ангела, сошедшего с небес, а ты невинно улыбаешься в ответ. Ты слишком наивна для этого мира и если хочешь выжить, то пора бы становиться жестче. Не проглатывать все шутки одноклассников. Не опускать глаза, когда на тебя смотрит парень, и не бояться говорить вслух.
<br /><br />
Книги - твой лучший друг, но пора отойти от книжных романов и убедиться, что в жизни все гораздо сложнее. Хотя только лишь благодаря книгам ты получила эту возможность обучения по обмену. Тебе не особо нравилась идея покидать родительский дом, но их гордость и счастливые улыбки того стоили. Ты любишь их, но пора сделать первый взмах своими крыльями.
  <br /><br />
Только судьба иногда строит ловушки. И хорошо бы в них иметь друга, который сможет помочь вылезти. Быть может, твой сосед не так и плох для этого, тем более, что ты обязана ему жизнью?
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/778733.gif" alt="regulus" />
      <div class="heathen-basic">
        <p>Adam Holder (занят)</p>
        17. Школьник<br />
       
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Timothie Chalamet</i> <br />
        <br />
Ты никогда не любил выделяться, но в то же время делал огромные успехи в прикладной информатике и участвовал в клубе дебатов. Тебе нравилось ощущать причастность, чувствовать себя частью чего-то большего, а все потому, что ты не чувствовал себя комфортно в своей семье. Мать вечно пила, а отец не выдержал и ушел искать жизнь получше. Вот он - родительский пример, на который не хочется равняться.
<br /><br />
Когда тебе предложили возможность уехать учиться по обмену в Лос-Анджелес, ты не мог упустить такой шанс, потому что любая поездка стоила того, чтобы покинуть дыру, именуемую домом. И вот ты сидишь в самолете, а тебе улыбается милая девушка, которая забрала второе заветное место в этой поездке. Может, это твой шанс? Обрести друга, начать новую жизнь и поверить в себя? Только все летит к чертям, когда самолет падает в океан и в твоих ушах стоит звон от визга твоей новой подруги. Чудо, что ты успел ее отстегнуть до момента взрыва мотора самолета.<br /><br />
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/274594.gif" alt="cygnus" />
      <div class="heathen-basic">
        <p>Iris Anders</p>
        <span>34. Актриса<br />
       
        </span>
      </div>

      <div class="heathen-info">
        <p>
        <i>face: Elizabeth Olsen</i> <br />
        <br />
        Ты вытащила свой счастливый билетик, не так ли? Не имея ни звездных родственников, ни пройденных актерских курсов за плечами, на свой страх и риск ты поехала в Голливуд, находясь уже в приличном возрасте для начинающей актрисы. Все, что было у тебя - <i>вера</i>.
  <br /><br />
И, конечно же, этого оказалось недостаточно. Ты прошла сотню кастингов безуспешно. Целый год врала родственникам, что снималась в шикарном сериале, но по итогу он не вышел на экраны только потому, что пилотная серия, в которой тебя, конечно же, не было, зрителям не зашла. И тебе верили. Мама называла тебя звездочкой с самого детства и верила в твой талант до победного.
  <br /><br />
На съемках одного из сериалов тебя заметили. Ты была актрисой массовки. Целых четыре года назад режиссер поверил в тебя, найдя в тебе все то, что было необходимо его главной героине. Тогда и началась твоя по-настоящему увлекательная жизнь. Ты без ума от своей работы, легко входишь в роль, обожаешь свой трейлер и уже имеешь свой райдер. За плечами уже два громких фильма, три сериала и множество интервью на телешоу. Тебя любят, с тобой мечтают сделать селфи. И ты принимаешь все как должное, уловив <i>звездную болезнь</i>, в чем никогда не признаешься.
  <br /><br />
Ты отправилась в Сидней в долгожданный отпуск. Сняла шикарную виллу, развлекалась с такими же звездными друзьями, пока твой телефон не зазвонил. Новое предложение. Многообещающий сериал от именитого режиссера «Netflix». И ты бы с удовольствием, не моргнув, подписала договор, увидев количество нулей в гонораре, если бы твои глаза не наткнулись на знакомую фамилию в списке утвержденных актеров.<i> Дэвид Риверс.</i>
  <br /><br />
Вы не работали вместе ранее, но ты видела несколько фильмов с его участием и среди людей твоего круга нередко пускают шуточки про актера-неудачника, снимающегося в самых глупых ситкомах. Сниматься с ним... что это, если не провал?
  <br /><br />
Ты требовала замены главного актера. Протестовала против вашей с ним любовной линии в сериале, объясняя это тем, что это испортит репутацию не только тебе, но и самому сериалу. Никто не будет его смотреть. Достучаться так и не вышло. Тебе купили билет в Лос-Анджелес. Так ты и попала на этот самолет. Экземпляр сценария уже в багаже, а ты ненавидишь себя за то, что согласилась на это. Ты ведь обрадуешься, узнав, что среди пассажиров есть и Дэвид?
        </p>
      </div>
    </div>
<div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/941576.gif" alt="alphard" />
      <div class="heathen-basic">
        <p>Kyle Holmes</p>
        21. студент<br />
       
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Louis Hoffman</i> <br />
        <br />
      Ты думал, что <i>главный кошмар</i> твоей жизни позади.
<br /><br />
Уик-энд с друзьями в арендованном коттедже на берегу озера... кажется, так начинаются фильмы ужасов? Вот и ваш отдых оказался не исключением. Вас было шестеро. Друзья, с которыми ты чувствовал себя где угодно, как дома. Вы могли то без умолку болтать обо всем на свете, то молчать, глядя на огонь в камине. Ты знал каждого из них как самого себя. Среди них была и твоя девушка, с которой вы встречались почти год. Ты любил ее. После колледжа вы планировали пожениться. Ты помнишь ее лицо в последние минуты ее жизни?
<br /><br />
Ночью трое парней с оружием ворвались в дом. На них не было масок, они были под приличным градусом и совсем потеряли голову. Они жаждали одного: <i>веселья.</i> Они убили двоих твоих друзей, изнасиловали твою девушку на твоих глазах, пока ты был связан. Чертовы ублюдки хотели, чтобы ты наслаждался представлением. Еще двоих они заперли в подвале. Ты чудом сумел сбежать, пока они отвлеклись на шумы и крики, издаваемые твоими друзьями. Ты надеялся успеть с помощью, но к приезду полиции все друзья были убиты, а след убийц, лиц которых ты не забудешь никогда, простыл. Составленные фотороботы ни к чему не привели. Это произошло полгода назад. Имена каждого преступника знают. Они в розыске, но плодов это не дало. Они так и не ответили за свое преступление.
<br /><br />
Взяв академический отпуск, ты уехал на полгода к родственникам в Сидней. Слишком больно было находиться в кампусе, где все напоминало о том, что близких тебе людей больше нет. Ты не готов вернуться к учебе и сейчас, но готов вернуться в Лос-Анджелес, чтобы снова вернуться к тому самому дому, который снится тебе в кошмарах. Ты все еще надеешься найти новые зацепки и вспомнить что-то еще, что могло бы помочь сдвинуть дело полиции с мертвой точки.
<br /><br />
Но что, если <i>самое страшное у тебя еще впереди?</i>
        </p>
      </div>
    </div>
<div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/978185.gif" alt="alphard" />
      <div class="heathen-basic">
        <p>David Rivers</p>
        40. актер<br />
       
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Jensen Ackles</i> <br />
        <br />
      Когда-то ты блистал в сериалах. От предложений сняться в новой картине не было отбоя. Фото в журналах, автографы, толпы фанаток. Популярность оставила тебя пять лет назад. Звонки от менеджера стали звучать все реже. А если и были, то кроме дешевых ситкомов с закадровым смехом, где важнее был твой торс, нежели твоя игра, предложений не было. Наступая на гордость, ты брался за любую роль, надеясь, что именно она выстрелит и вернет тебе то, без чего ты не представляешь своей жизни - <i>славу.</i>
<br /><br />
<space></space>Полгода назад ты переехал в Австралию, где проходили съемки очередного ситкома, в котором тебе довелось играть далеко не главную роль. Там-то ты и психанул, прочитав сценарий следующей серии. Тебе обещали хоть какой-то намек на серьезную работу и драматичную роль, но в последний момент это вырезали. Сценарий был разорван, прямо в эфире ты высказал все режиссеру и зрителям, которые смотрят это <i>«дерьмо»</i>. Это подняло рейтинги канала, но резко опустило твои, хотя, казалось бы, куда уж ниже. 
<br /><br />
Полное отчаяние. Разочарование. Желание бросить актерскую карьеру. Но раздался самый долгожданный звонок. В США готовятся съемки нового сериала от «Netflix» и именно тебя хотят видеть в главной роли. <i>"Харизматичный мужчина с неоценимым талантом"</i> - так отзывались о тебе, если менеджер не приукрасил. И гонорар обещают неплохой. Тебе уже купили билет до Лос-Анджелеса, предупредили, что работать придется с очень известной на данный период времени актрисой по имени <i>Ирис Андэрс</i>. Ты видел ее работы и искренне восхищен и рад.
<br /><br />
Жаль, что съемки придется пропустить. Может, тебе стоит получше подготовиться, пока не появились спасатели? Не зря же ты взял сценарий с собой в багаже. И не зря же чудесным образом среди пассажиров оказался твой будущий партнер по съемкам, с которой в сценарии прекрасная любовная линия - Ирис?

        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="http://forumupload.ru/uploads/001a/df/5e/5/501802.gif" alt="cygnus" />
      <div class="heathen-basic">
        <p>Matthew Radner</p>
        <span>27. повар<br />
       
        </span>
      </div>

      <div class="heathen-info">
        <p>
        <i>face: Matthew Daddario</i> <br />
        <br />
        Мэттью, твои родители устали от твоих выходок. Почему тебе так сложно пойти по стопам отца и стать его правой рукой в крупной компании? Многие мечтают оказаться на твоем месте. Тебе все было предложено на блюдечке еще с детства. Все, лишь бы сыночек был доволен, покупались любые хотелки, только бы сын посещал необходимые курсы для успешного будущего компании.
  <br /><br />
Вместо благодарности ты косил от учебы, сбегал с друзьями в спонтанные путешествия по штатам, сорил деньгами направо и налево, не желая понимать, с каким трудом они достаются. Алкоголь, наркотики, случайные связи. И это бы продолжалось дальше, если бы отец не заблокировал банковский счет.
  <br /><br />
Оказавшись на другом конце США, вдали от дома и без копейки на счету, ты... конечно же, ничего не понял. <i>Это не послужило уроком.</i> Ты не стал лучше относиться к деньгам, ведь приходилось браться за подработки, чтобы осилить оплату билета до дома. Это еще больше настроило тебя против отца и разожгло огонь ненависти. И, по возвращению, ты сделал вид осознавшего нелепость своего поведения мальчика, украл приличную сумму из сейфа отца и сбежал в Австралию. Сменил номер. Действовал осторожно, не оставляя нигде своих данных и расплачиваясь наличными.
  <br /><br />
Новый знакомый полгода назад предложил тебе пойти работать к нему в ресторан, услышав про кулинарные курсы, которые ты прошел от скуки и только чтобы родители отстали (они совершили ошибку, когда бросили фразу «да хоть какие-нибудь курсы пройди!», для тебя это было еще одним поводом позлить их).
  <br /><br />
Тебя взяли на заготовки. Ох, с каким лицом ты чистил картошку! Ты готов был этим же ножом перерезать горло каждому, кто пустит хоть одну шуточку про твои слишком нежные ручки. Уже через месяц ты не представлял себя <i>ниже шеф-повара</i>, критикуя каждое его блюдо и предлагая собственные идеи. Которые, хотя и были неплохи, но опыта тебе явно недоставало, чего не скажешь о самоуверенности.
  <br /><br />
<i>Шефом ты так и не стал.</i> Твои расходы сильно превышали доходы, поэтому в голову пришла провернуть тот же самый трюк с родителями. Приехать с извинениями и опущенной головой, а ночью обчистить их сейф. А что? У папочки все равно денег полно. Билет куплен на последние деньги. Но, вот ведь незадача, до Лос-Анджелеса ты так и не долетел. Но у меня для тебя хорошая новость, здесь ты можешь соврать, что был шеф-поваром в известном ресторане. В быту это вряд ли поможет, но хотя бы <i>самолюбие потешишь. </i>
        </p>
      </div>
    </div>

  </div>[/html]

[html]<style>
:root {
  --heathen-green: #42615A;
  --heathen-greendk: rgb(35, 45, 43);
  --heathen-black: rgb(29, 36, 35);
  --heathen-red: #D66251;
  --heathen-reddk: rgb(174, 65, 50);
  --heathen-gray: #ECEFEE;
  --heathen-sans: 'barlow', sans-serif;
  --heathen-mono: 'space mono', monospace;
  --heathen-stroke: 0.75px #fff;
  --heathen-strokethin: 0.9px #D66251;
}

#lv-heathens {
    width: 467px;
    padding: 50px;
    margin: -10px 0 0 -6px;
    color: rgb(19, 111, 102);
    font-family: var(--heathen-sans);
    position: relative;
}
#lv-heathens a {
  color: var(--heathen-green);
  letter-spacing: 0.2px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s;
}

#lv-heathens a:hover {
  color: var(--heathen-#E0B41A);
  text-decoration: underline;
}

.heathen-title {
    -webkit-text-stroke: var(--heathen-stroke);
    color: rgb(0, 0, 0);
    text-shadow: 1px 1px rgb(0, 0, 0);
    font-size: 47px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-style: italic;
    height: 40px;
    position: absolute;
--heathen-reddk: rgb(255, 255, 255) !important;
}

.side {
    transform: rotate(-90deg);
    left: -132px;
    top: 193px;
    text-align: right;
}

.top {
    left: 66px;
    top: 13px;
}

.heathens-all {
    width: 408px;
    margin-bottom: 51px;
    position: relative;
    top: 25px;
    left: 20px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.heathen {
    overflow: hidden;
    width: 202px;
    height: 250px;
    border: 1px solid rgb(0, 0, 0);
    margin-bottom: 16px;
    transition: 0.2s ease-in-out 0s;
    background: rgb(30, 33, 189);
    margin-right: -24px;
}
.heathen img {
    position: relative;
    z-index: 1;
    width: 202px;
    height: 250px;
    margin: 0;
    filter: grayscale(100%);
    object-fit: cover;
    mix-blend-mode: hard-light;
    opacity: 0.8;
    transition: 0.3s all ease-in 1s, 0.3s all ease-out 0s;
}

.heathen > div {
    position: relative;
    z-index: 5;
    color: #FFF;
    font-weight: 700;
}

.heathen-basic {
    top: -253px;
    height: 252px;
    font-family: var(--heathen-mono);
    text-transform: uppercase;
    width: 202px;
    padding: 136px 25px 0;
    box-sizing: border-box;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 1.5px;
    line-height: 1.5;
    transition: 0.3s ease-in-out 0.1s;
}

.heathen-basic p {
    font-family: var(--heathen-sans);
    -webkit-text-stroke: var(--heathen-strokethin);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2 !important;
    letter-spacing: 3px;
    padding-bottom: 9px !important;
--heathen-strokethin: 0.9px #525353 !important;
}

.heathen:hover>.heathen-basic {
  transform: translateX(160px);
}

.heathen:hover {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 2px solid var(--heathen-#E0B41A);
}

.heathen:hover>img {
  mix-blend-mode: multiply;
  opacity: 0.6;
  transform: scale(1.2);
}

.heathen:hover > .heathen-info {
  transform: scale(1);
  transition: 0.2s ease 0.3s;
}

.heathen-info {
    position: absolute;
    z-index: 10;
    top: -502px;
    width: 202px;
    height: 251px;
    padding: 12px 0px 5px 15px;
    box-sizing: border-box;
    font-size: 11px;
    transform: scale(0);
    transition: 0.2s all ease-out 0s;
    background: #000;
    font-weight: 300 !important;
scrollbar-color: #fff rgba(20, 18, 15,0.01) !important;
--heathen-strokethin: 0.9px #555353 !important;
}

.heathen-info p {
  overflow: auto;
  height: 210px;
  text-align: justify;
  padding-right: 3px;
  line-height: 1.5;
}

.heathen-info p i, .heathen-info p b {
    color: #9c9efd;
}

.heathen-info p::-webkit-scrollbar {
  width: 2px;
}

.heathen-info p::-webkit-scrollbar-track {
  background: none;
  border: 0;
}

.heathen-info p::-webkit-scrollbar-thumb {
  background: var(--heathen-reddk);
  border-radius: 5px;
}

.heathen-info space:before {
  content: "|";
  color: transparent;
}

</style>

<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Barlow:ital,wght@0,300;0,700;0,900;1,300;1,700;1,900&family=EB+Garamond:ital,wght@1,500&display=swap" rel="stylesheet">

<div id="lv-heathens">
  <div class="heathen-title side">
    passengers
  </div>

  <div class="heathen-title top">
    tail
  </div>

  <div class="heathens-all">
    <div class="heathen">
      <img src="https://i.imgur.com/xmerX9M.gif" alt="alphard" />
      <div class="heathen-basic">
        <p>Richard Ford</p>
        45. автомеханик, в прошлом учитель.<br />
   
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Jeffrey Dean Morgan</i> <br />
        <br />
Ты всегда искал простые пути там, где был непроходимый лес. Не так ли, Ричард? Ты никогда не боялся поднять голову, взглянуть в глаза обидчику и с ехидной улыбкой спросить «Чего он хочет?». Бесстрашный лидер по натуре, но постоянно прячущийся где-то на задворках. Но, быть может, настало твое время?
<br /><br />
Никто никогда не верил, что преподавание - это твое призвание. Быть учителем истории, учитывая все твои таланты - это просто смешно. Наверное, именно так и показалось твоему коллеге, когда он насмешливо рассказывал предположительные факты из твоей жизни, а потом ты раскрошил ему нос кулаком и навсегда покинул стены учебного заведения. Если бы не слезы твоей жены, то ты бы и не стал напрягаться с поиском работы, но она настояла на том, чтобы именно ты тянул их небольшую семью и помог дочери встать на ноги. Дочь – это, наверное, единственный человек на этом свете, ради которого ты готов перевернуть гребаную планету. Хотя маловероятно, что она может кому-то с гордостью сообщить о том, что ты автомеханик, несмотря на любовь к машинам, которая явно передалась по наследству.
<br /><br />
Смерть жены от рака сильно тебя подкосила, но не дала замкнуться в себе лишь дочь, мечту которой ты и поспешил исполнить, купив два билета до Сиднея. Но стоила ли неделя серфинга того, чтобы попасть на злополучный обратный рейс и рухнуть где-то в джунглях без надежды на спасение? Сможешь ли ты полагаться лишь на себя, чтобы сохранить жизнь своей крови и остаться безразличным к бедам окружающих? Или решишь взять власть в свои руки, чтобы установить порядки, которые помогут вам выжить?
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="https://i.imgur.com/H6aZk1z.gif" alt="cygnus" />
      <div class="heathen-basic">
        <p>Amberlynn Ford</p>
        <span>24. официантка<br />
     
        </span>
      </div>

      <div class="heathen-info">
        <p>
        <i>face: Alycia Debnam Carey</i> <br />
        <br />
Тебя всегда называли папиной дочкой, потому что чертами характера и дерзким поведением ты напоминала своего отца. Ты не полезешь за словом в карман и не станешь просить помощи, потому что привыкла всего добиваться сама. Но чего ты добилась в итоге? Работаешь официанткой и не торопишься что-то менять? Неужели это правда твой потолок?
  <br /><br />
Ты ведь бросила свой колледж, но отец говорит, что всегда можно восстановиться. Так почему бы и да? Почему ты всегда находишь отмазки и причины сохранять все на своих местах? Это ведь сомнительная стабильность? Ты понимаешь это, но всегда ждала какого-то толчка. Быть может, смерть матери – это он и есть, потому что ты впервые задумалась о переменах и попросила отца об отпуске, который встал вам в копейку. Тебе стыдно признаться, но за это время ты впервые почувствовала себя живой и так не хотела возвращаться в Лос-Анджелес.
  <br /><br />
Плохое предчувствие не покидало тебя до начала полета и вовремя, а когда вы начали падать, ты поняла, что к этому все и шло. Вы выжили вопреки всем правилам физики и гравитации. Ты можешь сделать вдох, снова обнять отца и наконец-то решиться на перемены. Только сможешь ли ты подстроиться под новые правила выживания и не перестать видеть в отце пример, когда он будет совершать не самые правильные поступки во имя любви к тебе?
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="https://i.imgur.com/dNg3jQ2.gif" alt="sirius" />
      <div class="heathen-basic">
        <p>Selena Winters</p>
       26. модель<br />
   
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Madelaine Petsch</i> <br />
        <br />
Ты всегда была в центре внимания. Лучшая ученица в школе, капитан группы поддержки, лидер школьного совета. Видела должность, которая могла принести тебе статус. И тут же в голове появлялась предательская мысль, что ты непременно хочешь получить. Только кого ты хотела впечатлить? Родителей, которые никогда не интересовались твоими успехами в школе и лишь на автомате кивали за завтраком, когда ты сообщала последние новости или брата-близнеца, который никогда не стремился вступить с тобой в гонку?
  <br /><br />
Вы настолько родные, но в то же время настолько разные. В тебе бурлит лидерский дух, а он сидит в обнимку с гитарой или бегает по футбольному полю на стандартных позициях, никогда не желая получить большего. Тебя это злит, ты хочешь частенько встряхнуть Джастина, но чего толку? Ты ничего не добьешься.
  <br /><br />
С твоими успехами тебе бы продолжить дело родителей, но они не видят в тебе ничего, кроме кукольной внешности, поэтому ты соответствуешь. На тебя повесили ярлык, и ты играешь эту роль. Улыбаешься в камеру, шагаешь по подиуму и держишь осанку, но это не настоящая ты и лишь твой брат знает это, но не лезет в твою жизнь, зато твоя забота чрезмерна. Именно ты подбила его отправить его демо в студию в Лос-Анджелесе, а потом купила билеты на первый же рейс. Только кто же знал, что до точки назначения вы не доберетесь? А твой чемодан наполнен лишь дорогими шмотками известных брендов, непригодных для выживания.
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="https://i.imgur.com/FOtmzt2.gif" alt="regulus" />
      <div class="heathen-basic">
        <p>Justin Winters</p>
        26. спортсмен, музыкант<br />
      </div>

      <div class="heathen-info">
         <p>
        <i>face: K.J. Apa</i> <br />
        <br />
Ты - полная противоположность своей сестры, которая всегда жаждала популярности и шагала по головам, достигая своей цели. Тебе всегда было достаточно просто спокойной нормальной жизни. Даже безразличие родителей не нервировало, хотя ты когда-то и мечтал, чтобы они пришли на одну из твоих игр, но места, что ты выкупал, так и оставались незанятыми.
  <br /><br />
Ты - романтик. Лучше проведешь вечер в обнимку с гитарой, набирая неизвестные мотивы, чем пойдешь на очередную вечеринку, что устроили в университетском сообществе. Вы вроде и выпустились, но вас как элиту зовут по привычке и в том обществе ты чувствуешь себя чужим. Зачем ты вообще уцепился за эту спортивную стипендию, когда мог попытать счастье в музыке? Но ты не смел перечить отцу, утверждающему, что «музыка – для бродячих».
  <br /><br />
Когда Селена сообщила тебе о том, что отправила твое демо в студию в Лос-Анджелесе, ты был в ужасе. Ты был не готов для большой сцены и самостоятельной карьеры, но твоя сестра всегда верила за вас двоих и, видимо, при рождении отхватила все амбиции. Быть может, правду говорят, что близнецы чувствуют друг друга. В любом случае, вы с сестрой сели в этот самолет, успевая занять места лишь в хвосте. Злополучный хвост самолета, которому суждено было разбиться в море. А ведь из вас двоих лишь ты чувствовал себя в воде комфортно. Что бы делала твоя сестра, если бы тебя не оказалось рядом?
        </p>
      </div>
    </div>
<div class="heathen">
      <img src="https://i.imgur.com/0A4iEvo.gif" alt="alphard" />
      <div class="heathen-basic">
        <p>Sebastian Ward (занят)</p>
        38. владелец бара.<br />
   
      </div>

      <div class="heathen-info">
         <p>
        <i>face: Tom Ellis</i> <br />
        <br />
«Дьявол во плоти» - говорят те, кому приходилось с тобой работать. Ты как акула, которая чувствует кровь и, обнажив острые клыки, плывет, чтобы полакомиться свежатинкой. Без зазрений совести ты уничтожаешь своих конкурентов, подкупаешь самых честных людей и наслаждаешься деньгами, которые тебе это приносит.
<br /><br />
Поговаривают, что ты продал душу Сатане за все, что ты имеешь, но на самом деле ты просто не скупишься на затраты, желая достичь поставленной цели. В детстве ты не имел ничего, но к 30 годам ты возместил все сполна и обрел все то, о чем мечтал. Деньги, реки алкоголя. Девушки, которые готовы согреть твою постель. Это ли не счастье? Долгое время ты так и думал, пока не встретил Кристен и эта девушка в прямом смысле перевернула твой мир. Единственная недоступная дама не смогла оставить тебя равнодушным, и ты, во что бы то ни стало, решил ее добиться.
<br /><br />
И вот уже два года на ее пальце обручальное кольцо, но ты так и не нашел в себе сил признаться во всех тонкостях и тайнах твоего бизнеса. Что если, увидев твою темную сторону, она не смогла бы больше спать рядом? Это вам предстоит выяснить на острове, потому что, кто знает, кто еще мог оказаться на этом рейсе и кто и когда решит свести с тобой счеты? Помни, не все решают деньги и личная вендетта иногда оказывается дороже.
        </p>
      </div>
    </div>

    <div class="heathen">
      <img src="https://i.imgur.com/VPiQq01.gif" alt="cygnus" />
      <div class="heathen-basic">
        <p>Kristen Ward (занята)</p>
        <span>30. фотограф<br />
        </span>
      </div>

      <div class="heathen-info">
        <p>
        <i>face: Adelaida Kane (изменена на Nina Dobrev)</i> <br />
        <br />
Как же тебя угораздило связаться с таким мужчиной? Ты постоянно задаешь себе этот вопрос, прокручивая обручальное кольцо на пальце и разглядывая суровый профиль своего мужа. До тебя доходит немало слухов о его бизнесе, но ты не можешь найти в себе сил, чтобы спросить, где правда, а где ложь. Тебе кажется, что как только с губ твоих сорвется вопрос, сказка закончится и ты вернешься в суровую одинокую реальность.
  <br /><br />
Ты всю свою жизнь увлекалась рисованием и фотографией, но второе выиграло в момент выбора профессии и сказать, что ты была хороша – это ничего не сказать. Ты была лучшей в своем деле, а клиенты вставали в очередь, желая получить твои работы. Ты умеешь вести дела. И дело не только в твоей уверенной хватке и мастерстве, но в и этом заразительном смехе и светящихся глазах. Тебе говорили, что ты луч света в непроглядной темноте, а ты смущенно улыбалась. Вы с Себастьяном огонь и лед, небо и земля. Совершенно не похожи, но вас тянет как магнитом. Ты пыталась сопротивляться, но в итоге сдалась и нырнула с головой в эту пучину. Только, что если там водятся акулы?
  <br /><br />
Что ты будешь делать, когда узнаешь, что на самом деле прячется в шкафу со скелетами? И как выживать, когда помимо опасностей острова есть еще и опасности из реального мира, которые следуют за твоим мужем по пятам? Сможешь ли ты держать его руку, когда руки его обагрятся кровью?
        </p>
      </div>
    </div>

  </div>

</div>[/html]