包み込む闇の中に一人が放逐され-
デイビッド・ベル博士は錆びたヒンジを呪いながら、観測室のドアをもぎ取るように開けた。この海に近い施設では、スタッフには嘆かわしいことであるが、最後には何もかもが錆の鱗に覆われるのだ。廊下で誰かが、設備の不備をブツブツ罵りながら動きの悪いドアを引っ張るところを通り過ぎることは、珍しいことではなかった。ジャケットから赤い塵の斑点を払い落としながら、デイビッドも同じようにした。
観測室の内部は、観測サイト-305の他の全てと同様に薄暗く照らされジメジメとしていた。そこはサイト-121のように新しい建物でも、17や25のようによくメンテナンスされているわけでもなかった。明らかにサイト-305は放棄されたオフィスビルと近隣の幾つかの駐車ガレージを修繕して作った何かだ。湿度の中でなされるべき配慮に欠け、不快な湿度の育成場の職員宿舎のほうが快適ですらあった。
彼は視聴室のドアへ向け駆け下り、天井のファンのところで少しの間涼んだ。彼はシャツの首を引っ張り、眉毛を拭ってからドアまで進んだ。ドアの反対側には、テーブルの周りに立つ3人の男と、シートを被されたもう一人の男がいた。デイビッドは立ち止まり、男たちの一人が彼へ向いた。
「いや、これは大丈夫だ。」ヤンス・ウルリッヒ博士が、テーブルの上の男を調べながら言った。「彼は死んではいないよ。シートはハエよけのためだ。」
彼は頷き、テーブルに注意深く近づいた。この部屋の中は濃厚な体臭と汗の臭いで満たされていて、そして微かなホルムアルデヒドの毛羽立つような臭いが鼻粘膜を刺した。他の男達も彼と同じように汗に濡れていたが、誰一人テーブルから離れようとしなかった。誰も顔を上げなかった。デイビッドがシートへ歩み寄ると、ウルリッヒ博士がそれを剥がした。他の男達は顔をしかめた。
テーブルの上の男は、全く成人の男ではなかった。もし彼が20代中盤より歳を取っていたら、デイビッドは驚かなかっただろう。殆どの保安要員がそうであるように力強く、しかし顔は若く、年齢を示す印を欠いていた。彼の頬には僅かな傷跡があり、彼の暗い色の髪は電極を貼り付けるために片側後面が剃られていた。しかしそれ以外には、弱っているようには見えなかった。彼の目は閉じられ、安定した呼吸をしている。デイビッドは他の男達を見た。彼の手は震え始めていた。
「これが例のものか?」ベルは言った。彼の声が小さな部屋に木霊した。「彼を起こしてみようとはしたか?」
男たちの一人、ベルの知らない太った博士が言った。「ああ、うむ…起こそうとはした。そこでは起こすのに使えるようなものはなかった。水と養分は与え続けている。彼の器官は全て正常だが、そこでは何も起きていないのだ。」
デイビッドは頭を振った。「俺…俺にはどうしてこんなことが起こるのか理解できない。この任務の前に彼は検査を受けたのか?」
ウルリッヒの左の男、デイビッドがアイザック・ケント博士と認識する人物が、書類の束を取り出した。「これが彼のファイルだ。全てはここにある。ミーム抵抗、認識抵抗、完全な心理プロファイル、全てだ。得られた情報のうち、これが起きうることを示唆するものは何もない。」
「何もない?」デイビッドは吠えた。彼のうなじの毛が逆立っていた。「全く何もない、ハン?健康な、成熟した男が突然精神崩壊して昏睡する理由が世界のどこを探してもない。全く理由がない?確かなのか?」
ケント博士はたじろいだ。「確かだ。考えうる限りの検査は全て—」
「ああ、あんたは納得してるだろうさ」デイビッドは言った。彼の目は部屋を見回していた。「俺は以前シメリアンに根堀り葉掘り調べられたことがある。そして今度はまた植物人間を1人扱わなくちゃいけないってわけだ。神様!」側頭部をゆっくりと揉みながら、彼はテーブルから遠ざかった。
ウルリッヒは自分の足元を見ていた視線を上げた。「デイビッド、これはそんな単純な話じゃない。君はあそこに潜ったことはない、君は…君はあれを見たことはない。あれの価値は多くのものの助けになるが、こういうものに関しては無力だ。これは違う。」
デイビッドは嘆息した。彼はテーブルの近くに戻り、その上の男を見下ろした。「何が起きたかもう一度話してくれ。」彼は言った。柔らかい声で。「最初からな。」
ケント博士はファイルから紙を取り出した。「0700時、通常のSCP-3000の活動調査中、リー保安員は間欠的な頭痛を覚え診療所にかかった。カトリ医師がリー保安員の診察にあたったが、急速に悪化し簡単な質問にも応答できなくなった。続く30分の間、リー保安員は3回覚醒したが、1回目は彼はブリュッセルの女性だと言い、2回目は状況に対してパニックになり、3回目は診察台から降りて部屋の角へと歩き、角を指差し叫んだ。20分後、リーは昏睡状態になり、サイトでの治療に回された。」
デイビッドはその若者をもう一度調べた。「他に手がかりになることは無いのか?悪い知らせだけか?」
太った博士はゆっくりと肩をすくめた。「ここのサイトの心理学者と、サイト-81から飛んできた神経科学者に見せたが、列車は走ってるが誰も乗っていない状態だそうだ。ただ何もにない—ああ、今そこには誰もいない。彼は空だ。」
デイビッドは紙のファイルに手を伸ばし、ケント博士はそれを手渡した。彼はそれを素早くめくり、何か見落としていないか探した。何も見落とされていなかった。何年もの間、エレミタはサイト-151から接触サイトへとクルーを往復させている。だが事故はいつも特にCRVが低いクルーがSCP-3000の引き起こす認知崩壊に影響されて起きており、最近のプロトコルでの実体からの距離やクルーの最低CRVの制限は、犠牲者を月あたり数人から年あたり数人へと減少させてきた。時折誰かがこぼれ落ちるが、それはいつも何らかのエラーのためで、現象自体の変異のためではなかった。
しかしこれは違う。デイビッドは文書に目を通したが、通常と違うものは何もなかった。CRVは許容値以内、心理的な障害の家族歴もない。精神、肉体とも健康。何もおかしくない、だがあらゆる警戒とともに規定された安全距離が守られていても、健康な成人男性が肉体から引き出され、消滅させられたのだ。
「ファック。」ファイルをテーブルに投げ出しながらデイビッドは言った。「俺たちはこのクソを秘密にしておかないとならんだろうな。これが漏れたらサーカスのフルメンバーのお出ましだ。ケリーとお前らアホ以外にこのことを知ってる奴はいるか?」全員頭を振った。「よし、こんなところか。クソッタレ。下の様子はどうだ?次のアザックは今週末以降だろう?」
「彼らはウツボの皮膚に生息してると判明した生物の調査をしている。」太った博士が言った。「カニや魚、その他君に報告したもの。ウツボとの共生関係を調査する目的で、何らかの手がかりが得られるかどうか調べてる。いくらかサンプルを得たが、だが—」彼はためらった。「ミッションを中断しなくてはならなかった。」
デイビッドは頷いた。「彼にシートをかけろ。診療所に運んで今はそこから出すな。クルーには彼には1日かそこらかかる限定クラス-C処置を行ってると言っておけ。今は誰にも知られたくない。どんなクソが起きたのかわかるまではな。」
彼はドアへと移動し、立ち止まった。
「ケリーに電話をかけろ。上で話す。」
サイト-151の管理者、ケリー・エッケルカンプのオフィスは、暗くジメジメした観測サイト-305とは違い、明るく温度管理が行き届いていた。彼のデスクと背面の壁には多数の銘板や表彰状で飾られており、部屋の隅に居座るファンが空気を循環させていることを印象づけていた。彼は机上の複数のレポートにせっせと目を通し、忙しく見せかけるために最大限の努力をしていた。その動作は、彼の秘書である、ずんぐりとした体型のビオラという名の女がやけに速いノックをし、部屋に首を突っ込んだことで中断された。
「ボス、お電話です。」
ケリーは頷き、ドアが閉じられた。彼は電話の点灯しているボタンの横に表示された番号を見て嘆息した。デイビッド・ベルはインドに来てまだ1週間も経っていないが、すでにサイトを崩壊させようとしている。彼は倫理委員会のリエゾンの必要性について一瞬思案した。その長さで十分、電話の向こうですでに気炎を上げるベル博士をさらに苛立たせようと決心した。考えながらゆっくりと電話を取り上げ、耳に当てた。
「デイビッド、」滑らかに彼は言った。「また話せて嬉しいよ。」
「お前、ここの海底で死人が出てるとは言わなかったな、ケリー。」彼は受話器から唾が飛んでくるのを感じられるほどだった。「しかもアザックを改定した後にだ。お前フザケてんのか?」
ケリーは深呼吸した。「デイビッド、聞いてくれ。まず第一に彼は死んでいない。我々が聞いていた分には、彼は明日にも目覚めるということだったんだ。それまでは彼は治療によく反応していた、それで—」
「馬鹿げてる、」デイビッドは電話越しに吐き出した。
「…そして第二にだ、うろたえる理由はないぞ。これまでの情報ではこれは異常な事件ではない。不幸な、ストレスに引き起こされた出来事だ。リー保安員は彼の任務ゆえにすでに重大なストレスを受けていて、エレミタの状況と合わさって、それと、あー、それと—」
「…例のクソウツボのことか?ああ、俺たち皆よく知っているさケリー。何でお前がこのことにそんなに無関心でいられるのか俺にはわからんね。」
「私にはなぜ君がそんなに感情的になるのかわからんね。」ケリーは言った。「事故は起きるものだ。毎日人は死んでいる。この組織の外でも中でも。我々は秘匿されている。他に何を望むんだ?」
「俺が望むのはな、」声の緊張とフラストレーションを上げながらデイビッドは言った。「何が見失われてるかどうかを知ることだ。俺たちが見ておくべきなのに見なかった何かがあるかどうかだ。もし俺たちが気づいてたらこの男の死を防げた何らかがあるなら、委員会が出てきて誰を吊るすべきか探し始めるだろうよ。」彼は大袈裟に間をおいた。「それがお前になるんじゃないか?」
「私は心配してはおらんよ、」ケリーは感情を抑えて笑いながら言った。「もしシメリアンが事故死について吊るす人間が必要だと言うなら、こんなことが毎日起こってるサイトの番号をいくらでも言ってやるさ。」
「死にゆくあの男の問題だけじゃないとわかってるはずだろ、ケリー。」デイビッドは答えた。「倫理委員会はこの件に関してそれ自体が吹き上がることもあるだろうが、あんな男じゃない、重要人物のために動くぞ。問題は彼がどこで、何の近くで死んだかだ。情報保安部はアザックについて懸念し始めている。何が奪われてどこに行くのかわかる方法がないってな。もし俺たちがレベル4クリアランスの人間を送り込んで、その記憶が失われたら、それはどこへ行くんだ?俺たちはすでに似たようなことが起こるのを以前見た。そして奴らは何か重要な記憶が失われるのは時間の問題だと思ってる。監督評議会が動き始めてるという噂まであるんだ。ボサッとマス掻いてるところへO5-3が出てきて欲しいか?」
ケリーの血が冷たくなった。「いや、」彼は言った。「それは困るな。リー保安員は他のプロジェクトのクリアランスを持っていたか?」
「彼は持っていない。だがそれは問題じゃない。これは、実際問題、SCP-3000の振る舞いのランダムで予想できない変化に関することだ。俺たちが彼に何が起きたか解明できなかったら、倫理委員会は吹き上がる。一旦そうなったら、今度は情報保安部の監査で、ミッションが止まったり減ったりするだろうな。俺たちの生産力が下がったら、後任はエリア-909だぞ。クラス-Aや-Bも不足してきたら、俺たちは完全にファックされる。確実に監督評議会が出て来るぞ。」
「オーライ、ジーザス、」ケリーは髪を掻き上げながら言った。「何人かに彼のファイルをもう一度調べさせる。何か見つかったらどうする?」
「まず俺に連絡して、それからレポートを書け。これを誰かに押し付ける方法を探れ。だが説得力をもたせるんだ。情報保安部にはこれは差し迫った問題じゃないと思わせる必要がある。奴らに気づかれたらプログラムは中断で俺たちは失職だ。もし運が良ければ、俺たちはこのことを思い出すことも無いだろう、だがそんな優しさが与えられるとは思えんね。」
「わかった。連絡は欠かさない。それで、君は何をするんだ?」
デイビッドは電話の反対側で嘆息した。「第一に、これを回す方法を見つける。週末まで観測サイトに留まるが、その後倫理委員会に報告しなくてはならないだろう。火曜の夜までに何か見つけて俺に報告しろ。俺は1日か2日を情報収集に費やさなくちゃならないだろうからな。」彼は間をおいた。「これを台無しにするなよ、ケリー。真剣に考えろ。お前は昇進以来自分が無敵だと思ってるのだろうが、奴らはお前のチームの失点を目を皿にして探してるぞ、特にあのウツボみたいなデカイ物に関してはな。奴らはレンガの入った袋でお前を叩き殺すだろうよ。」
彼らは殺伐とした別れを交わし、ケリーは受話器を置いた。彼は即座に部下の人事部長へ電話をかけ、人事部長はIT管理者に電話をかけ、IT管理者はリー保安員のファイル、彼の最も親しい同僚のファイル、彼の家族のファイル、彼の家族の家族のファイル等々を掘り出すためにサーバーボットに接続した。ケリーは検索の終わりを見届けるためにブラブラするようなことはなかった。彼は翌朝にサイト管理者ゴアとのミーティングを控えていて、眠る必要があった。彼は部下が最高の仕事をしてくれることを願い、彼らの努力に感謝し、オフィスをあとにした。
サイトを出る途中、彼はエレミタが引き込まれた港のドックと兵舎を通り過ぎた。エレミタの艦長、ヨリック・ジョン・ハスティングが数人の他の士官と共に艦の側に立っていて、ケリーが通りかかると彼を呼び止めた。
「管理者、」ハスティングが重苦しく言った。「リー保安員について我々は何も聞かされていません。彼は無事ですか?何人かの他の保安員が彼について聞いています。」
ケリーは作り笑いをしようとしたが、歪んだしかめっ面にしかならなかった。「彼は大丈夫だよ、艦長。苦しみから回復しつつある。」彼は一昨日見たシートをかけられた男について考えた。「ただ彼には回復のための時間が必要なだけ、それが全てだ。」彼はその男の目、霞がかって、乾いて、何も見ていない、虚ろな目について考えた。「実際、君らも診てもらったほうがいいぞ。次のシフトまでに、よく休んで万全にしておきたまえ。」
艦長はゆっくりと頷き、背後の音に振り向いた。クルーの長い列が意識不明のD-クラスをエレミタの側面からストレッチャーに乗せて運び出していた。彼らが通り過ぎる間、ハスティング艦長は顔をしかめていた。ケリーは彼らの目を見つめた。
本ページを引用する際の表記:
このコンポーネントの使用方法については、ライセンスボックス を参照してください。ライセンスについては、ライセンスガイド を参照してください。
ファイル名: darkandemptyeyes.png
著作者:
djkaktus, Jens Petersen, Bernard DUPONT
ライセンス: CC BY-SA 3.0
派生元作品: Link
補足: 上記画像は原著者djkaktus氏が以下2点と自前の素材を合成したものです。
名前: Gymnothorax fimbriatus.JPG
著作者: Jens Petersen
ライセンス: CC BY-SA 3.0
ソース: Wikimedia Commons
名前: Long-nosed Tree Snake (Ahaetulla nasuta)
著作者: Bernard DUPONT
ライセンス: CC BY-SA 2.0
ソース: Flickr
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
--logo-image: url("https://scp-jp.github.io/Black-Highlighter/img/logo.svg");
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/1.6 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: unset;
bottom: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
background: unset;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: unset;
bottom: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
:root {
--timeScale: 1;
--timeDelay: 0s;
}
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
position: absolute;
content: " ";
width: 100%;
height: 0.5rem;
background-color: rgb(var(--black-monochrome, 12, 12, 12));
transform: translateY(-0.74rem);
}
/* DIVIDER */
.anom-bar > .bottom-box::before {
animation-name: divider;
animation-duration: calc(0.74s * var(--timeScale));
animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.32,.38,.39,.94);
animation-fill-mode: backwards;
}
/* CLASSIFIED LEVEL BARS */
div.top-center-box > * {
animation-name: bar;
animation-duration: calc(0.45s * var(--timeScale));
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
/* TOP TEXT */
div.top-left-box, div.top-right-box {
clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
div.top-left-box > *, div.top-right-box > * {
position: relative;
animation-name: bottomup;
animation-duration: calc(0.65s * var(--timeScale));
animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
/*-----------------------------------*/
/*-----------------------------------*/
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
animation-name: expand2;
animation-duration: calc(0.5s * var(--timeScale));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
div.main-class::before, div.main-class::after {
animation-name: iconslide;
animation-duration: calc(0.45s * var(--timeScale));
animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
/* BOTTOM TEXT */
div.main-class > *, div.disrupt-class > *, div.risk-class > * {
white-space: nowrap;
animation-name: flowIn;
animation-duration: calc(0.42s * var(--timeScale));
animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
/*-----------------------------------*/
/*-----------------------------------*/
/* DIAMOND */
div.arrows {
animation-name: arrowspin;
animation-duration: calc(0.7s * var(--timeScale));
animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.quadrants > * {
animation-name: fade;
animation-duration: calc(0.3s * var(--timeScale));
animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
animation-name: nodegrow;
animation-duration: calc(0.4s * var(--timeScale));
animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.diamond-part {
clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
animation-name: diamondBorder;
animation-duration: calc(0.8s * var(--timeScale));
animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.32,.38,.39,.94);
animation-fill-mode: backwards;
will-change: box-shadow;
}
/* MOBILE QUERY */
@media (max-width: 480px ) {
.anom-bar > .bottom-box::before {
display:none;
}
.anom-bar > .bottom-box {
box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
}
div.top-center-box > * {
animation-name: bar-mobile;
animation-duration: calc(0.9s * var(--timeScale));
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
}
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) {
div.anom-bar-container { --timeScale: 0!important; }
}
/*-------------------------*/
@keyframes divider {
from { max-width: 0%; }
to { max-width: 100%; }
}
@keyframes bar {
from { max-width: 0%; }
to { max-width: 100%; }
}
@keyframes bar-mobile {
from { max-height: 0%; }
to { max-height: 100%; }
}
@keyframes bottomup {
from { top: 100px; }
to { top: 0; }
}
@keyframes expand1 {
from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
from { opacity: 0; transform: translateX(-5rem); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes expand2 {
from { opacity: 0; width: 1%; }
to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes flowIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes arrowspin {
from { clip-path: circle(0%); transform: rotate(135deg); }
to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
from { transform: scale(0);}
to { transform: scale(1);}
}
@keyframes diamondBorder {
from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}