[html]
<link
  href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Inter:wght@400;500;600&display=swap"
  rel="stylesheet"
/>

<article class="pp-card">
  <section class="pp-data">
    <div class="pp-header">
      <div class="pp-brand">
        <img src="https://forumstatic.ru/files/001c/73/bf/43531.png" />
        <span>OutcastDB</span>
      </div>
      <h1 class="pp-name">Kanma O`Shay</h1>
    </div>

    <div class="pp-tabs">
      <input type="radio" id="tab-1" name="tabs" checked />
      <input type="radio" id="tab-2" name="tabs" />
      <input type="radio" id="tab-3" name="tabs" />
      <input type="radio" id="tab-4" name="tabs" />

      <nav class="pp-nav">
        <label for="tab-1">Профайл</label>
        <label for="tab-2">Биография</label>
        <label for="tab-3">Характер</label>
        <label for="tab-4">Способности</label>
      </nav>

      <div class="pp-panel" data-tab="1">
        <div class="pp-panel-content">
          <figure class="pp-portrait">
            <img
              src="https://forumupload.ru/uploads/001c/73/bf/10/490543.png"
              alt="Внешность персонажа"
            />
          </figure>

          <div class="pp-right">
            <div class="pp-facts">
              <div>
                <span class="key">Имя и фамилия</span><span class="bar"></span
                ><span class="val">Канма О`Шей</span>
              </div>
              <div>
                <span class="key">Профессия</span><span class="bar"></span
                ><span class="val">Правая рука главы<br>черного рынка<br>(за левую тоже <br>подрабатывает)</span>
              </div>
              <div>
                <span class="key">
                  <span class="key-main">Дата рождения</span><br />
                  <span class="key-sub">(возраст)</span>
                </span>
                <span class="bar"></span>
                <span class="val">24.04.144, 37 лет</span>
              </div>
              <div>
                <span class="key">Организация</span><span class="bar"></span
                ><span class="val">Изгой</span>
              </div>
              <div>
                <span class="key">Рост</span><span class="bar"></span
                ><span class="val">196 см</span>
              </div>
              <div>
                <span class="key">Класс силы</span><span class="bar"></span
                ><span class="val">Tm-V</span>
              </div>
              <div>
                <span class="key">Вес</span><span class="bar"></span
                ><span class="val">89 кг</span>
              </div>
            </div>

            <div class="pp-sections">
              <h2 class="pp-section-title">Внешность</h2>
              <div class="pp-section-box">
                <p>Угрожающе высокий рост и широкоплечая осанистость Канмы вступает в бурную химическую реакцию с его хищным лицом, синтезируя какую-то труднообъяснимую, на грани отталкивающей плотоядности, красоту. Если бы ни маниакальная паскудность, стиснутая в его оскале, его можно было бы счесть довольно привлекательным мужчиной. Ну а так - хрестоматийный ублюдок по всем законам жанра, круто если увидишь такого по телику, но когда вблизи - уже не круто. Волосы темные, длинные, часто зачесаны в сторону пятого измерения и каким-то чудом почти не падают на глаза - видимо боятся, что он их отпиздит. Глаза — два тлеющих окурка в темноте: ни тепла, ни жизни, только ожесточенная пресыщенность. Улыбается так, будто делился генетическим материалом с твоей мамой, пока ты сидел на уроках. Мышцами оснащен под завязку, можно отрезать и продавать на рынке - не убудет. Телосложение рельефное, поджарое, талия узкая, будто на постоянной основе крутит титановый хулахуп. Из вен на руках можно делать магистральный трубопровод, татуировками тоже украшен, золотые перстни носит в стоматологических целях(вдруг кому-то срочно потребуется удаление), золотые цепочки - просто для понтов. Не заметить Канму сложно, дискомфортит людей одним своим присутствием, ситуацию спасает лишь его демонстративная неспешность и ленца, с какой он дает фору перед тем, как доебаться. </p>

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Для визуализации</div><blockquote><img class="postimg" loading="lazy" src="https://forumupload.ru/uploads/001c/73/bf/10/85971.jpg" alt="https://forumupload.ru/uploads/001c/73/bf/10/85971.jpg"></blockquote></div>

              </div>

              <h2 class="pp-section-title">Дополнительно</h2>
              <div class="pp-section-box">

<p style="font-size: 14px;">- Канма - новое имя, полученное после воскрешения. Изначальное имя, известное родственникам и коллегам из Корпуса - Вольген;<br>- Родился со светлыми волосами и голубыми глазами. После воскрешения, в целях конспирации, поменял цвет волос и глаз. Характер коррекции не поддался, все такой же уебанский;<br>- Плохая память на лица, но отличная на запахи, голоса, жестикуляцию;<br>- Любит трогать острые, колючие предметы;<br>- Неосознанно избегает зеркал;<br>- Тайно завидует тем, кто умеет смеяться легко и искренне;<br>- Не любит котов. Точнее, одного определенного черного кота, питомца Еру. Нелюбовь эта категорически взаимна.</p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="pp-panel" data-tab="2">
        <div class="pp-text">
<p><strong>Глава 1: Очень красивый уродливый мальчик</strong></p>
            <p>Родился слишком очаровательным для столь ублюдской жизни. Голубые глаза, светлые волосы - идеальный герой рекламы детского шампуня. Потом пришли способности, и Изгойник принял его с распростертыми объятиями. Приемные родители — бывшие Странники, ветераны экспедиций. Взяли его и Маргарет (названную сестру) под опеку. Все члены собранной, точно пазл из человеческих обломков, семьи довольно быстро поняли - в их мозаике затесался кусочек, вырезанный из совсем другой картины. С детства начала обнажаться тяга Канмы к жестокости, к причинению боли живым существам, к актам насилия над ними. Разумеется, все началось с насекомых и мелких подножных тварей, но довольно быстро докатилось до издевательств над сверстниками и всеми, кто не мог дать ему достойный отпор. Канма открывал для себя боль, как другие дети открывают мир - с ненасытным любопытством и желанием засунуть пальцы в каждую доступную дырочку. Для него мучения живых существ были не способом самоутверждения, а чем-то сродни первой сигарете, первому глотку алкоголя, первому сексу. Только кайф был чище, ярче, честнее. Родители и учителя пытались урезонить его деструктивное поведение, используя то кнут, то пряник, а иногда и фармакологию, и до поры до времени им действительно удавалось держать малолетнего агрессора в узде, уберегая от куда более серьезных преступлений. Но пубертат стал штормом, разбившим большую часть плотин. Его тяга к боли переросла в нечто большее - в настоящую, полноценную эрекцию от чужих страданий.<br>С сестрой отношения у него сложились довольно своеобразные - по мере взросления он то запугивал ее, периодически получая по мордасам, то домогался, словив на ней сексуальную аддикцию, за что тоже с завидным постоянством получал по мордасам, то наконец-то прозрел(видимо получив по мордасам достаточное количество раз) и стал просто дорожить этой стервой и их родственной связью, а так же возможностью совместных задушевных попоек.   </p>
            <p><strong>Глава 2: Очень уродливый красивый мужчина</strong> <br>Корпус Странников принял его, как принимают ядерные отходы - скрипя зубами и с мыслью "ну хоть контейнер крепкий". Характер его к тому моменту нисколько не облагородился - только яйца подросли, да спесь раздулась, точно труп утопленника. Однако дальше рукоприкладств дело обычно не заходило(официальных обращений не было, но, вероятно, были неофициальные "расскажешь - прибью"). Благодаря универсальным способностям мог работать в любом отряде, настоящий швейцарский нож из плоти и костей:<br>Как боец - используя умбраморфию для атак и защиты<br>Как снабженец - телепортируя ценные грузы<br>Как разведчик - проникая в недоступные места.<br>Несмотря на скверный нрав, на службе был весьма продуктивен и полезен, работы не боялся, как и опасностей, мог перемещать ресурсы и людей там, где другие гибли или просто выдыхались. С завидным постоянством нарушал многие правила, кроме одного - всегда приносить результат. Точно брошенная граната, которая непременно наделает шума, но со своей разрушительной задачей справится на ура. Умудрился стать командиром отряда, опять же, исключительно за счет своей результативности - сколько бы на него ни жаловались, какая бы молва о нем ни шла, но десятки эвакуированных и спасенных жизней, а так же несколько тонн телепортированного меркурита говорили сами за себя. Спасенные жизни висели на нем, как медали на груди алкоголика - блестели, конечно, но перегаром разили за версту. Благородства в нем не было от слова "совсем", видимо просто нравилось играть в бога - примерно в той же мере, что и в бильярд. </p>
            <p><strong>Глава 3. Ну Канма, ну еб твою мать</strong><br>В 28 лет наш герой-антигерой наконец-то дал волю своему внутреннему зверю, устроив кровавый перфоманс в самом сердце Изгойника. Обычная пьяная перепалка могла бы закончиться парой синяков и тройкой взаимных оскорблений, не мутируя в злокачественную пиздецому, но нет - судьба подсунула Канме зеркало в лице такого же отпетого ублюдка из Службы Безопасности. Два сапога пара, только вот один из этих сапог внезапно оказался окровавленным и оторванным от ноги вместе с остальным телом. Это не было вспышкой ярости. Это был долгожданный экзистенциальный оргазм. Наконец-то он смог сорвать с себя эту жалкую маску приличий, уже порядком натершую лицо, и предстать перед миром во всей своей гниющей красе - точно эксгибиционист, демонстрирующий не голый член, а свою окончательно выгнившую сущность. Толпа зевак стала его свидетелями, асфальт - сценой, а окровавленные внутренности - театральным реквизитом. После всех формальных разбирательств Канму отправили на Красные Маршруты(самые смертельные миссии за куполом), аналог смертного приговора, но с отсрочкой. Но смерть, похоже, брезговала прибирать его к своим костлявым рукам, он возвращался снова и снова - то с оравой таких же осужденных отбросов, то в гордом одиночестве, покрытый грязью, кровью и слизью. Казалось, сама преисподняя выплевывала его обратно, как шматок тухлого мяса. </p>
            <p><strong>Глава 4. Ну Канма, ну еб твою мать[2]</strong><br>"Ну и на кой хуй ты, дебилоид ебучий, это сделал?" - Маргарет задавала этот вопрос с завидной регулярностью, получая в ответ лишь насмешливые "у самуря нет цели, только путь" и  все в таком духе. Ирония в том, что именно в этот период их странные родственные узы окрепли, как плесень в сыром подвале - вероятно потому, что оба понимали, чем может завершится любая из его карательных вылазок. У них даже появилась своеобразная традиция - после каждого удачного возвращения он покупал пойло определенной марки и заявлялся к ней на порог со словами: "Угадай кто снова поимел смерть в задницу?". Не сказать, что выданный приговор стал для Канмы мучительной каторгой, скорее уж глотком свежего воздуха. Наконец-то можно было сорвать с себя эту дурацкую человеческую личину и обнаружить в чужих глазах подлинное свое отражение - опасного психопата, а не просто грубого мудака.<br>   К тому же, компанию в вылазках ему составляли такие же приговоренные, как и он сам, неуемные социопаты и отбросы общества, которым терять было особо нечего. Надзиратели? Эти очаровательные ребята смотрели на осужденных исключительно как на расходный материал, и в случае смертельных исходов никто избыточно не разбирался, что стало причиной. Вариантов было всего три - меркуритовое отравление, нападение мутанта или.. что-то еще. К слову, Канма никогда не отказывался выступить в роли этого "чего-то еще", если предоставлялась такая возможность. С одной стороны, это была дивная глава его жизни, особенно если учесть сближение с сестрой, а с другой - вероятно, если бы ни это сближение, Канма не совершил бы еще одну роковую ошибку, теперь уже финальную. На третьем году отработки на "Красных маршрутах", он пересекся с Эриком Вейлом, надзирателем, некогда сильно насолившим Маргарет. Нетрудно догадаться, чем все по итогу закончилось. Канма, уже успевший поверить в свою неуязвимость (три года на Красных Маршрутах, как никак, не три года в офисе на жопе просидеть), решил устроить персональный ад для этого засранца. И устроил. Вот только в аду, как выяснилось, хватило места для всех - и для трёх надзирателей, и для пары "сокамерников", и, как ни странно, для самого Канмы.<br>Финал получился на редкость демократичным - все подохли. Все молодцы.<br>Можно расходиться. </p>
            <p><strong>Глава 5. Смерть</strong><br>Или нет?<br>Самая скучная глава, на самом деле. Целый год Канма числился мертвым, вероятно потому, что таковым и являлся - делать было особо нечего, только самозабвенно гнить и разлагаться где-то за куполом. Весьма закономерная и более чем предсказуемая смерть для психопата, не удержавшего в узде своих внутренних демонов. Его тяга убивать и причинять боль прогрессировала год от года, становясь все ненасытнее и требовательнее, фатальный коллапс был просто делом времени, и это время пришло.   <br>Ну.<br>Хотя бы отоспался. Или продолжал мастурбировать на том свете, вспоминая свои изуверские подвиги. <br>На хер его.</p>
            <p><strong>Глава 6. Непрошенный ренессанс и 47 дней Содома</strong><br>   Или не на хер? Проснулся Канма не по будильнику, а по довольному урчанию чудовища, пожирающего его с аппетитом гурмана на мишленовском ужине. Дед явно экономил на программе лояльности для воскрешенных - ни привета, ни бронежилета, ни хотя бы такси до купола. Пришлось голосовать на дороге смерти, расплачиваясь за проезд кусками собственной плоти. Условия в самом деле спартанские - докажи, что достоин второго шанса, не померев в пути до укрытия. Монстр мало того что успел пожевать воскрешенному душегубу руку, так еще и отравил его токсичной слюной, так что телепортировался Канма бездумно и куда попало, исчезал и появлялся, пока не кончились силы - сначала грохнулся в канализацию, где чуть не захлебнулся в помоях, затем с грацией кирпича пикировал на крышу какой-то фабрики, о которую сломал два ребра, а с третьей попытки проломил собой чей-то письменный стол в солидной переговорной. Как впоследствии оказалось, принадлежала она главе черного рынка, Еру Винтер, в чьи планы на тот день не входило знакомство с воскресшим, но готовым вот-вот вновь окочуриться зверем. Её охранники совершили роковую ошибку - попытались помочь. Ахуевший от всего происходящего Канма помощь не оценил - размазал их по стенам, как дешёвую шпаклёвку. Лишь когда яд дошёл до сердца, а потеря крови - до критической отметки, эту бешеную псину удалось хоть как-то усмирить. <br>   Впоследствии леди Винтер поняла, что в ее руки попал изгой, который даже не числится среди живых, а если бы и числился, то давно бы был отправлен на опыты в НИО за содеянные им преступления. Логичным было добить столь проблемного сукина сына, однако Еру быстро смекнула, что в её распоряжении оказался идеальный инструмент. Не человек, даже не зверь, а ходячая аномалия с печатью "мёртв" в личном деле. Три трупа её людей стали своеобразным резюме, в котором говорилось: "Силачом слыву не даром, троих прибил одним ударом! А еще писька вооо такая, хочешь покажу?)))".<br>   Однако леди Винтер нужно было от него не только согласие заменить собой почившую охрану, но и полное послушание, а добиться подобного от психопата-садиста, привыкшего причинять боль и не шибко боявшегося сдохнуть в муках, было не так уж и просто. На дальнейшую психологическую калибровку Канмы ушло некоторое время - в ход шло как продолжительное заточение под действием блокаторов, так и изощренные пытки вкупе с воздействием психоактивных веществ, а так же методичное вдалбливание в его больную голову правил их не сотрудничества даже, а полного и безоглядного служения ей. Делаешь, как скажет госпожа Винтер - получаешь все, что нужно для счастливой кобелиной жизни: расправы, насилие, деньги, секс, положение а черном рынке. Отходишь от ее указаний хотя бы на миллиметр - следующую неделю, а то и дольше, проводишь в бесконечной агонии. "Ты моя вещь, а неисправные вещи я выбрасываю в утиль. В твоих интересах быть исправным" - примерно таким был общий посыл Еру, который ей таки удалось намертво вкрутить в сознание Канмы. По итогу он был не столько даже сломлен, сколько очарован категоричной безжалостностью ее методов. Может, познав максимальную степень боли и слыша в этот момент ее голос, он умудрился впервые испытать что-то отдаленно напоминающее любовь..?<br>   Ага. Щас.<br>   Стояк он испытал, а не любовь, причем такой, что до сих пор с этой иглы соскочить не может. Вот и сказочки конец, а кто слушал - лайк, подписка, колокольчик.</p>

        </div>
      </div>

      <div class="pp-panel" data-tab="3">
        <div class="pp-text">
         
<p><strong>Текущее состояние:</strong></p>
  <ul>
    <li>Все системы работают на садизме и похоти;</li>
    <li>Запас прочности: 3–4 апокалипсиса;</li>
    <li>Последнее сканирование выявило 7% остаточной человечности (рекомендуется удалить).</li>
  </ul>

  <p><strong>Идеально подходит для:</strong></p>
  <ul>
    <li>Зачистки территорий (идеален там, где нужны трупы, а не дипломатия);</li>
    <li>Допросов с пристрастием (знает 50 оттенков боли, но в сострадании и жалости — полный дальтоник);</li>
    <li>Абьюзивных отношений (если нужно, чтобы партнёр боялся, любил и повиновался одновременно).</li>
  </ul>

  <p><strong>Абсолютно бесполезен для:</strong></p>
  <ul>
    <li>Благотворительности;</li>
    <li>Спасения котят;</li>
    <li>Любви (см. инцидент 17.03 — жертва до сих пор ищет свои кишки);</li>
  </ul>

  <p><strong>Гарантийные обязательства:</strong></p>
  <ul>
    <li>Продукт не подлежит ремонту (даже скотч не поможет);</li>
    <li>Возврату не подлежит;</li>
    <li>Попытки перепрошивки приведут к летальному исходу (вашему).</li>
  </ul>

  <p><strong>P.S. Важное предупреждение:</strong><br>
  При контакте с Еру система переходит в режим "хороший мальчик". Это не ошибка. Это фича. Не пытайтесь исправить. Исправлять будет некому.</p>

        </div>
      </div>

      <div class="pp-panel" data-tab="4">
        <div class="pp-text">
        <h3><b>Умбраморфия</b></h3>

<p>Активация способности меняет внутреннюю структуру обладателя, черная вязкая субстанция заполняет собой все висцеральное пространство, заменяя внутренние органы, костную, мышечную и соединительные ткани. Соответственно, нанести фатальный урон обладателю в таком состоянии становится проблематично, так как отсутствуют стандартные жизненно важные органы - оружие может прорезать или пробить "черноту", но, если разделенные части находятся достаточно близко, то быстро сольются воедино. В случае, если оружие или способность отдаляют части измененного тела на большую дистанцию(к примеру, если взорвать и т.д), собираться Канма будет куда дольше и медленнее, вплоть до нескольких часов, если, конечно, за это время не сжечь каждую из деталек его смолянистого "пазла". <br>Так же при активации умбраморфии обладатель может изменять свою форму и плотность, порождать черные отростки в форме гибких щупалец или куда более твердых заостренных паучьих лап, хотя этим форм-катор не ограничен и нередко зависит от фантазии обладателя или удобства применения в бою. Когда "чернота" находится в самом твердом своем состоянии, то при должной заостренной форме и ускорении горазда пробить собой плотную одежду и человеческое тело, а так же некоторые виды хрупких неорганических преград. Сталь не пробивает, ударопрочное стекло не пробивает, камень не пробивает и т.д. <br>В самом "жидком" своем состоянии обладатель горазд просочиться в мелкие расщелины и отверстия, однако стоит учитывать, что чем меньше отверстие, тем дольше Канме придется через него вползать(все-таки, сама масса его тела никуда не девается и не уменьшается). <br>Из побочных эффектов стоит отметить временную дереализацию после использования способности, иногда возникают психомоторные расстройства, двигательные нарушения, проблемы с координацией, так как обладателю требуется некоторое время, чтобы снова привыкнуть к человеческой анатомии. Самое слабое место "черноты" - высокие температуры. Канме в его измененном состоянии легко нанести урон посредством любого источника огня(кроме спички или зажигалки, разумеется, а вот огнемет или пирокинез - самое то), и чем выше температура и сильнее напор, тем губительнее он скажется на его здоровье.<br>Максимальный срок использования способности - сутки, и чем дольше Канма находится в измененном состоянии, тем сильнее будут побочки после возвращения в человеческую форму.</p>

<hr>
<h3><b>Телепортация</b></h3>

<p>Способность позволяет исчезать в одной точке пространства и материализоваться в любой другой, вне зависимости от выбранного направления (можно вверх, вниз, прямо, наискосок и так далее). <br>Дистанционные ограничения:<br>✔ Короткие прыжки (до 1 км): 50 раз/сутки (как кролик на амфетаминах)<br>✔ Средние дистанции (1-20 км): 30 раз/сутки (уже чувствуется нагрузка)<br>✔ Максимальные броски (20-50 км): 15 раз/сутки (после каждого нужен перекур)<br>Грузоперевозки:<br>✔ До 10 кг: бесплатно (можно таскать ножи, гранаты и прочие "подарки")<br>✔ 40+ кг: -1 прыжок (как если бы тащил на спине спизженного кабанчика)<br>✔ Собственный вес (89 кг): -2 прыжка (полноценный побег через скакалку с трупом на плече)</p>
<p style="font-size: 14px;">Если телепортация совершается на большие расстояния, возможны ранние проявления первых побочных эффектов(дезориентация, проблемы с координацией, временная потеря слуха, головокружение), вследствие чего появляется необходимость сделать перерыв перед другим перемещением, чтобы прийти в себя.<br>Обладатель способности должен знать, куда собирается переместиться, иначе телепортация может произойти некорректно, т.е. Канма имеет шансы оказаться не в нужной точке, а на некотором расстоянии от нее, вполне вероятно - в крайне неподходящем и даже опасном для жизни месте. <br>За долгие годы использования способности Канма приобрел устойчивость к последствиям телепортации, его организм и тело адаптированы к моментальному переносу атомов из одной точки в другую. У живого объекта, которого Канма решит телепортировать с собой, такой адаптации нет, потому возможны побочные эффекты, особенно при переносе на большие дистанции. Побочки будут выраженны в 2 раза сильнее, чем у самого Канмы.</p>

        </div>
      </div>
    </div>
    <!-- /tabs -->
  </section>
</article>

<style>
:root{
  --bg:#0d1517;
  --g1:#0e1a1d;
  --g2:#223235;
  --stroke:#1a3235;

  --text:#e9e6e0;
  --sub :#c8c3b8;
  --text-dim:#959187;

  --color1:#c5bdaa;
  --color1-light:#d9d4c9;
  --color1-dark :#a8a190;
}

.pp-text b,
.pp-text strong{
  color:var(--accent);
  font-weight:600;
  padding:0 .15em;
  background:rgba(197,189,170,.10);
  border-radius:2px;
}

.pp-card{
  max-width:960px;
  margin:2rem auto;
  padding:2.4rem;
  background:linear-gradient(135deg,var(--g1),var(--g2));
  border:1px solid var(--stroke);
  box-shadow:0 0 22px #000b,inset 0 0 32px #001416;
  height:620px;
  overflow:hidden;
}

.pp-data{
  height:100%;
  overflow-y:auto;
  padding-right:0.4rem;
}
.pp-data::-webkit-scrollbar{
  width:4px;
}
.pp-data::-webkit-scrollbar-thumb{
  background:var(--text-dim);
  border-radius:4px;
}

.pp-tabs{font:normal 100% "Inter";}
.pp-tabs input{display:none;}

.pp-nav{display:flex;}
.pp-nav label{
  flex:1;
  position:relative;
  font:600 .9rem/2 "Inter",sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:.3rem 1.4rem;
  margin-left:-10px;
  cursor:pointer;

  background:#0d1b1e;
  border:1px solid var(--color1);
  color:var(--sub);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);
  transition:.2s;
}
.pp-nav label:first-child{
  margin-left:0;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);
}
.pp-nav label:last-child{
  clip-path:polygon(0 0,100% 0,100% 100%,12px 100%);
}
.pp-nav label:not(:first-child)::before{
  content:"";
  position:absolute;
  left:-1px;top:0;
  width:2px;height:100%;
  background:var(--color1);
  transform:skewX(20deg);
}
.pp-nav label:hover{
  background:var(--color1-dark);
  color:#fff;
}
#tab-1:checked~.pp-nav label[for="tab-1"],
#tab-2:checked~.pp-nav label[for="tab-2"],
#tab-3:checked~.pp-nav label[for="tab-3"],
#tab-4:checked~.pp-nav label[for="tab-4"]{
  background:var(--color1);
  color:#0d1b1e;
  border-color:var(--color1-light);
  padding:.6rem 1.4rem;
  margin-top:-3px;
  z-index:2;
}

.pp-panel{
  display:none;
  animation:fade .25s ease;
  padding:1.1rem 20px;
  color:var(--sub);
}
@keyframes fade{from{opacity:0;transform:translateY(4px);}}

#tab-1:checked~.pp-panel[data-tab="1"],
#tab-2:checked~.pp-panel[data-tab="2"],
#tab-3:checked~.pp-panel[data-tab="3"],
#tab-4:checked~.pp-panel[data-tab="4"]{display:block;}

.pp-panel-content{display:flex;gap:2rem;align-items:flex-start;}

.pp-portrait{
  flex:0 0 220px;margin:0;
  position:relative;
  filter:drop-shadow(0 0 12px #000a);
  border:2px solid var(--color1);
}
.pp-portrait img{width:100%;display:block;border-radius:6px;filter:grayscale(.5);}
.pp-portrait::after{
  content:"";position:absolute;inset:0;
  background:rgba(197,189,170,.35);
  mix-blend-mode:multiply;
}

.pp-right{flex:1;display:flex;flex-direction:column;gap:1.5rem;}

.pp-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;
  font-size:.95rem;
}
.pp-facts div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;}
.pp-facts .key{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  justify-self:end;
  text-transform:uppercase;font-weight:600;font-size:.85rem;line-height:.5;
  color:var(--text);
  padding-right:.4rem;white-space:nowrap;
}
.key-sub{font-size:.75rem;color:var(--sub);text-transform:none;}
.pp-facts .bar{width:4px;height:1.2em;background:var(--color1);border-radius:1px;}
.pp-facts .val{justify-self:start;font-size:.95rem;color:var(--sub);white-space:nowrap;padding-left:.4rem;}

.pp-section-title{
  margin:2rem 0 .6rem;
  font:600 1rem/1 "Inter",sans-serif;
  text-transform:uppercase;letter-spacing:.05em;
  color:var(--text);
}
.pp-section-box{
  padding:1rem 1.2rem;
  background:rgba(255,255,255,.02);
  border-left:4px solid var(--color1);
  box-shadow:inset 0 0 0 1px #123135;
  font-size:.95rem;line-height:1.6;
  color:var(--sub);text-align:justify;
}

.pp-text{font-size:1rem;line-height:1.7;text-align:justify;color:var(--sub);}
.pp-text ul{margin:0 0 1.4rem 1.2rem;padding-left:1rem;list-style:disc;color:var(--sub);}
.pp-text p{margin:0 0 1rem;}

.pp-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;margin-bottom:1.4rem;
}
.pp-name{
  font:600 2rem/1 "Cinzel",serif;text-transform:uppercase;
  letter-spacing:.05em;color:var(--sub);margin:0 2rem;
}
.pp-brand{
  display:flex;align-items:center;gap:.6rem;
  font:600 .9rem "Inter",sans-serif;color:var(--color1);
}
.pp-brand img{height:50px;width:auto;filter:brightness(1.2);opacity:.9;}
</style>
[/html]
[hideprofile]