[html]<style>
    /* Перенос переменных */
    .crane-bio-root {
        --bg-color: #0b0b0b;
        --container-bg: #121212;
        --accent-teal: #008080;
        --accent-dim: #004d4d;
        --text-main: #d1d1d1;
        --text-dim: #666666;
        --border: #1f1f1f;
    }

    .crane-wrapper {
        width: 600px;
        margin: 0 auto;
        background-color: var(--container-bg);
        border: 1px solid var(--border);
        padding: 25px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        box-sizing: border-box;
        color: var(--text-main);
        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }

    /* Верхний блок — Заголовок */
    .crane-title-block {
        text-align: center;
        margin-bottom: 25px;
    }

    .crane-logo {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: 2px;
        color: var(--accent-teal);
        text-transform: uppercase;
        text-shadow: 0 0 10px rgba(0, 128, 128, 0.3);
        margin: 0;
    }

    .crane-motto {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 3px;
        color: var(--accent-dim);
        margin-top: 8px;
        font-weight: 400;
    }

    /* Блок для изображения */
    .crane-main-image {
        width: 100%;
        margin-bottom: 25px;
        border: 1px solid var(--border);
        line-height: 0;
        overflow: hidden;
    }

    .crane-main-image img {
        width: 100%;
        height: auto;
        display: block;
        filter: brightness(80%) contrast(110%);
    }

    /* Инфо-блоки */
    .crane-section {
        margin-bottom: 25px;
        border-left: 2px solid var(--accent-dim);
        padding-left: 15px;
    }

    .crane-section h3 {
        font-size: 16px;
        text-transform: uppercase;
        color: var(--accent-teal);
        letter-spacing: 1px;
        margin: 0 0 10px 0;
    }

    .crane-content {
        font-size: 14px;
        line-height: 1.6;
        color: var(--text-main);
        text-align: justify;
    }

    /* Список деятельности */
    .crane-list {
        list-style: none;
        padding: 0;
        margin: 10px 0;
    }

    .crane-list li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 5px;
    }

    .crane-list li::before {
        content: '•';
        color: var(--accent-teal);
        position: absolute;
        left: 0;
    }

    /* Блок персонажей */
    .crane-team {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        gap: 10px;
    }

    .crane-member {
        width: 175px;
        text-align: center;
        background: #0f0f0f;
        padding: 15px 10px;
        border: 1px solid var(--border);
    }

    .crane-photo {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        margin: 0 auto 12px;
        border: 2px solid var(--accent-dim);
        object-fit: cover;
    }

    .crane-name {
        font-size: 14px;
        font-weight: 700;
        color: var(--accent-teal);
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .crane-role {
        font-size: 11px;
        color: var(--text-dim);
        text-transform: uppercase;
        margin-bottom: 8px;
    }
  /* Футер досье */
    .dossier-footer {
        margin-top: 30px;
        border-top: 1px solid var(--accent-dim);
        padding-top: 10px;
        font-size: 9px;
        color: var(--text-dim);
        display: flex;
        justify-content: space-between;
    }

    .access-denied {
        color: var(--system-red);
        font-weight: bold;
        text-transform: uppercase;
    }
</style>

<div class="crane-bio-root">
    <div class="crane-wrapper">
       
        <!-- Заголовок -->
        <div class="crane-title-block">
            <h1 class="crane-logo">НИК ПНБС «Петроградский» [AXIOM BIO ltd]</h1>
            <div class="crane-motto">Совершенство не знает боли</div>
        </div>

        <!-- ГЛАВНОЕ ИЗОБРАЖЕНИЕ -->
        <div class="crane-main-image">
            <img src="https://upforme.ru/uploads/001c/a1/dc/2/987139.png" alt="Axiom Bio Laboratory">
        </div>

        <!-- Описание компании -->
        <div class="crane-section">
            <h3>О компании</h3>
            <div class="crane-content">
                «Axiom Bio» — научно-исследовательский хаб транснационального холдинга «Axiom technologies», базирующийся в Санкт-Петербурге. В то время как Цюрих управляет капиталом, а Шеффилд поставляет сталь, НИК ПНБС «Петроградский» является точкой сращения биологии и технологий. Специализация комплекса — прикладная нейробионика и регенеративная медицина. За фасадом элитного исследовательского центра скрываются разработки, меняющие само определение человеческих возможностей. <br>
               Санкт-Петербургский исследовательский кластер «Axiom» занимается синтезом сплава ST-X — высокопрочного, химически инертного и магически активного материала, применяемого в эндо— и экзопротезировании, остеосинтезе. ST-X производится малыми партиями, каждая из которых требует строжайшего контроля на всех этапах синтеза. Коэффициент брака составляет около 35–40%, что делает производство дорогостоящим и ограниченным. ST-X остаётся уникальной разработкой Алексея фон Штадлера, не имеющей коммерческих аналогов.<br>
Основные направления: <br>
•  Разработка и производство биомеханических эндопротезов для скелетно-мышечной системы. (Системы «Stadler Edge») <br>
•  Металлургические исследования высокопрочных инертных алхимических сплавов (ST-X). <br>
•  Разработка органических полимеров и синтетических сред для регенеративной медицины. <br>
•  Клиническая апробация систем экзоскелетного усиления. <br>
            </div>
        </div>

        <!-- Условия работы -->
        <div class="crane-section">
            <h3>Условия сотрудничества</h3>
            <div class="crane-content">
<b> КАРЬЕРА В AXIOM BIO: ГИД ДЛЯ СОТРУДНИКА </b> <br>
<br>
1. Попасть в «Аксиому» с улицы невозможно. Вакансии редко появляются на агрегаторах вроде хэдхантера. Обычно компания сама находит потенциальных сотрудников среди лучших выпускников медицинских вузов. <br>
<br>
2. Зарплата выше рыночной в 2.5–3 раза. «Аксиома» покупает не ваше время, а ваше молчание и преданность. Что ещё получите Вы? Доступ к оборудованию, половина которого официально еще не существует. Биопринтеры, нейросети и инструменты из революционного сплава ST-X. Сотрудники «Аксиомы» защищены юридической и физической мощью корпорации. Ваши проблемы с налогами, бывшими супругами или законом просто исчезают. Полная страховка в собственном клиническом центре. Сотрудники «Аксиомы» - самые здоровые люди в Петербурге.<br>
<br>
3. NDA (Соглашение о неразглашении) подписывается кровью (фигурально, но зав лабораторией иногда шутит про буквально). Нарушение конфиденциальности карается мгновенным волчьим билетом в индустрии и многомиллионными исками, которые превратят вашу жизнь в руины. Для тех, кто допущен на нижние этажи, личные гаджеты остаются в сейфах на входе. Ваша жизнь внутри лаборатории полностью изолирована от внешнего мира.<br>
<br>
Карьера в «Аксиоме» гарантирует финансовую независимость и доступ к закрытым технологиям. Мы требуем абсолютной лояльности и безукоризненного соблюдения NDA. Любая утечка данных классифицируется как угроза безопасности корпорации. Внутри стен «Петроградского» действует режим строгой дисциплины и иерархии доступа. Если вы ищете пределы науки — вы их нашли. Главное — не переступать черту, которую обозначил руководитель лаборатории. Будьте готовы, что он заставит вас переделывать работу пять раз за ночь, будет издеваться над вашим красным дипломом и может случайно забыть вас в крио-камере. Но вы узнаете о биологии больше, чем за всю жизнь.<br>
<br>
<b> СТРУКТУРА КОРПУСА </b> <br>
<br>
<b>1. Научный блок (1-3 этажи).</b><br>
Группа синтеза:<br>
Инженеры-протезисты: <br>
Нейро-программисты: <br>
<b>2. Технический блок (4 этаж). </b><br>
Департамент GR:<br>
Юридический отдел: фон Штадлер, Елизавета Андреевна<br>
PR и Маркетинг:<br>
<b>3. Сектор «Уровень 0» </b><br><br>
            </div>
        </div>

        <!-- Персонажи -->
        <div class="crane-team">
           
            <div class="crane-member">
                <img src="https://upforme.ru/uploads/001c/a1/dc/2/674926.png" class="crane-photo" alt="Alex Stadler">
                <div class="crane-name">Алексей Юрьевич фон Штадлер</div>
                <div class="crane-role">CEO</div>
            </div>

            <div class="crane-member">
                <img src="https://upforme.ru/uploads/001c/a1/dc/2/769773.png" class="crane-photo" alt="Elena">
                <div class="crane-name">Елена Сергеевна Вяземская [npc]</div>
                <div class="crane-role">COO</div>
            </div>

            <div class="crane-member">
                <img src="https://upforme.ru/uploads/001c/a1/dc/2/859180.png" class="crane-photo" alt="Aris Vardalos">
                <div class="crane-name">Арис Сократосович Вардалос [npc]</div>
                <div class="crane-role">Главный научный сотрудник</div>
            </div>

        </div>
<!-- Футер -->
        <div class="dossier-footer">
            <div>Stadler R&D Complex: Northern Division</div>
            <div class="access-denied"> (Axiom Bio Industries Ltd.)</div>
        </div>
    </div>
</div>[/html]