« WARNING WARNING WARNING »
当記録のセキュリティは侵害されています。以下に記されている情報は正確でない可能性があります。
財団情報保安部門による調査中のため、当記録は[凍結]されています。当記録へのあらゆるアクセスは監視され、当記録への編集は一切禁止されます。
詳細に関しては、下記の"特別補遺2996.A"を参照してください。
ERROR
アイテム番号: SCP-2996
オブジェクトクラス: Euclid Safe Neutralized
特別収容プロトコル: SCP-2996は サイト-81の標準的な 無形実体用真空房に収容します。この真空房は4機の非物質変位無効装置(nPDN)を取り付けます。SCP-2996による特定の娯楽用品の要請は状況に応じて許可されます。
週に1回、SCP-2996には必ずサイトの心理学者による定期心理検査を受けさせ、その精神状態を診断します。現在のSCP-2996の精神的健康状態に対する懸念から、必要に応じてクラスH静電的記憶処理治療を適切に使用することが承認されました。
更新された収容手順: nPDNが有効に作用しているため、現在SCP-2996の身体検査を実行することが可能です。これらの試験は週に1回、霊的実体の身体的性質に関する情報収集の取り組みの一環として実行されています。
更新された収容手順: 2012/08/19時点において、SCP-2996は無力化したことが布告されています。前述の収容手順はもはや必要ありません。
説明: SCP-2996はインディアナ州ナッシュビルの廃屋で発見された クラスII霊的人型実体です。SCP-2996はヨーロッパ系の黒髪と青い目を持つ若年の人間女性であり、全身に及ぶ多数の傷と、右目の大きな銃創が目視で確認できます。SCP-2996は本来霊的な実体ですが、nPDN装置の採用により財団職員はSCP-2996を物理的な状態に「固定」して検査することが可能になりました。これらの装置の使用とそれに伴う収容状況がSCP-2996の精神的/感情的な状態を悪化させている原因となっていると現在仮定されています。
SCP-2996は自身を1929年、インディアナ州ナッシュビルで殺害された8歳の少女Emily Nashであると主張しています。様々な情報源から得られたデータはEmily Nashが彼女の自宅にて遺体で発見されたという主張を補強していますが、しかしながら、記録上の死因は自殺とされていました。インタビューの際、SCP-2996は自殺を示すあらゆる証拠を拒絶し、幾度も熱心に殺人犯は近所の親しい友人である13歳の少年James Franklinだと述べました。1929年のナッシュビルにおいてこの人物の実在は確認できませんでした。更なる情報収集の取り組みを継続中です。
精神鑑定結果: 私が懸念を抱いているのはSCP-2996の感情面における健康状態だ。対象は明らかに自身の死について示されている証拠や、また収容されている現状に対して反感を抱いている。インタビューを通じ、SCP-2996は己を殺人犯に対する復讐を為すためこの世界に留まり、肉体の束縛から解き放たれた強力な霊魂なのだと信じていることが明らかになった。この認識は無論、我々がSCP-2996に提供した対象の死因に関する情報と、サイト-81における対象の収容との双方に真っ向から対立している。SCP-2996については多数の事実が曖昧なままで、これが対象の不安感を煽り、付随して鬱病や自滅的な思考を招いてしまった。この存在の性質を考えれば、後者こそが最大の懸念である。
- David Rudolph博士
補遺2996.1: 第一回精神鑑定インタビュー 2012/06/05
日付: 2012年6月5日
質問者: David Rudolph博士
回答者: SCP-2996
[ログ開始]
Rudolph博士: こんにちは、SCP-2996、よ―
Rudolph博士の言葉は収容房に突然響き渡った何かを叩く音で遮られる。
Rudolph博士: そうか。さて、私の名はRudolph博士だ。これから君の問題の診断を担当す―
SCP-2996: …あいつと同じクソみたいな世界で生きてる屑野郎いつかあいつを見つけた時みたく喉からお前の心臓引きずり出してお前をぶっ殺してやる…
Rudolph博士: (無言のスピーカーへの身振り) 分かった、SCP-2996、君が検査に応じてくれればお互いに面倒を大きく減らせるだろう。残念だが、今日は用事を済ませられそうもないようだ。君の機嫌が良くなるまで延期するとしよう。
[ログ終了]
補遺2996.2: 精神鑑定インタビュー 2012/07/01
日付: 2012年7月1日
質問者: David Rudolph博士
回答者: SCP-2996
[ログ開始]
Rudolph博士: おはよう、SCP-2996。今日は話せる気分かな?
SCP-2996: (SCP-2996は収容房の角で縮こまっている)お前のような薄汚い舌で不潔な唇を舐め回して喋るヤツとわたしが話したがると思う?(SCP-2996が観察デッキへ向けて唾を吐く)
Rudolph博士: フラストレーションは理解しているよ、SCP-2996。だがしかし、君には協力することを学んでもらわなければならない。誰も君を傷つけようとは思っていない、ただ話をしたいだけなんだ。
SCP-2996: (嘲笑する)わたしは解き放たれた苦痛の霊、お前は死ぬ定めにある生ける魂。話すことなんてない。あいつの命をのたうつ喉から搾り取るその時までわたしは止まらない。
Rudolph博士: SCP-2996、それについてはもう結論が出ている。我々が集めた証拠は明らかに―
SCP-2996: あいつは冷酷にわたしを殺した! わたしを地獄に落とすと言ったのよ! 下らない証拠の話なんか二度と―(SCP-2996が観察デッキの方へ突進、ガラスに衝突する。SCP-2996は動揺を露わにする。)
Rudolph博士: SCP-2996、無効装置をオフにして君を霊的な姿に戻しても構わないが、落ち着いて私と話すことのみが条件だ。
SCP-2996が暴れ出し、収容房中の壁に手足や頭を叩きつける。保安職員が収容房へ入りSCP-2996を鎮静化させる。Rudolph博士はインタビューの終了を指示する。
[ログ終了]
サイト副管理官の注記: 承認が降りるまで、Rudolph博士のサイト-18への転勤が決定した。Angela Kidwell博士がサイト-81にてRudolph博士の進行していたプロジェクトを代理として主導することが仮決定された。
補遺2996.3: 精神鑑定インタビュー 2012/07/28
日付: 2012年7月28日
質問者: Angela Kidwell博士
回答者: SCP-2996
[ログ開始]
Kidwell博士: こんばんは、SCP-2996。私と話がしたいと聞いたけれど?
SCP-2996はゆっくり収容房の中を歩く。
SCP-2996: 訳が分からないわ。どうやってわたしをここに閉じ込めてるの?
Kidwell博士: ええ、我々は変わった装置を2・3使用していて、まず―
SCP-2996: わたしの魂は何物にも縛られない! 理解できない、わたしは復讐するための存在なのに…(SCP-2996の声が次第に小さくなる)
Kidwell博士: ええ…私たちはあなたのような存在を捕らえて収容できる機械を持っているのよ。あなたについてもっと知りたいことがあるの。どこで発生したのか、どうやって存在しているのか。
SCP-2996: でも…わたしは憎悪の魂、そして―
Kidwell博士: …そして我々はあなたを収容した、SCP-2996。私にはあなたのためにある程度の便宜を図る用意がある。けれど、まずはあなたの協力が必要よ。
SCP-2996は黙りこみ、以後質問に応じない。Kidwell博士がインタビューを終了する。
[ログ終了]
担当精神科医の注記: SCP-2996に関する我々の研究は確かに前進していると言えるだろう。被験体は今や対話においても暴力的な傾向を示さず、追加のインタビューの際にはさらなるコミュニケーションに応じる意思もあるようだ。例の問題には触れないように努めるのではなく、むしろありのままに発生するに任せることを提案する。
補遺2996.4: 精神鑑定インタビュー 2012/08/04
日付: 2012年8月4日
質問者: Angela Kidwell博士
回答者: SCP-2996
[ログ開始]
Kidwell博士: 以前も話したけれど、SCP-2996、あなたは収容に対する意見を述べていたわね?
SCP-2996:ただ…憎しみが増してゆくのを感じてた。私の内にはJimmyのやつから命を搾り取ろうとする思いしかなかった、けど…証拠を見たわ、博士。渡されたレポートを読んだの。
Kidwell博士: あなたにとっては本当に難しいことだったでしょうね、SCP-2996。だけど、それこそ我々の研究の目的なの。あなたや、あなたのような存在に、正常な意識を取り戻そうと試みているのよ。
SCP-2996: (SCP-2996はしばらく黙り込む) あなたの言う通りなのかもしれない。多分わたしはただ怒って、混乱していただけで、死んでもその気持ちは治まらなかった。だからこんな、こんな風になってしまったのかも。
Kidwell博士: 今の状態があなたにとって辛いものだということは分かっているわ。だけどこれは大きな一歩で、あなたが選択すべき道だと私は思う。あなたは得難い機会を与えられているの。怒りを過去のものとして、最初からやり直すためのね。
SCP-2996: あなたは… あなたは本当にやり直せると思う?
Kidwell博士: もちろん。
SCP-2996:(微笑んで)わかった。あなたを信じてみる。
[ログ終了]
補遺2996.5: 最終記録 2012/08/28
ERROR
Kidwell博士及びサイト-81スタッフのカウンセラー助手たちが実施した幾度ものセラピーセッションにより、SCP-2996の暴力的発作の頻度は著しく低下していった。治療を通じて、彼女は彼女の死を取り巻く出来事に折り合いを付けられるようになり、それらを乗り越えて活動することが可能となった。
2012年8月15日、SCP-2996は最後の生理検査を課され、彼女の異常特性はもはや存在しないことが判明した。あらゆる点から見て、SCP-2996は正常な人間の少女であった。
この結果を受けて、2012年8月18日、SCP-2996の"Neutralized"移行が決定された。サイト-81スタッフによって「かつてSCP-2996であった児童を養子縁組を望む家族の下に解放する」旨の申請が監事司令部へ提出されている間、記憶処理の最終工程の用意が為された。当申請はKidwell博士により執筆され、Bishop博士(サイト-81の研究室長)の認証とサイト管理者Aktusの署名を受けた。
2012年8月28日、申請は承認された。Samantha Pendletonと改名された児童は一連の記憶処理を受けた後、財団のフロント組織である養子縁組斡旋団体に身柄を譲り渡された。
特別補遺2996.A: 機密情報 / レベル4 目視に限る
自動化メッセージ
FROM: サイト-81所属の管理職員(サイト-19所属の管理職員経由)
TO: レベル4職員
2016/1/19、自動化された財団システムはこの記録を含むサイト-17のデータ領域内にて発生した幾つかのエラーを報告した。更なる調査によって、この記録の特定箇所に消失、変更、明らかな捏造が発見された。変更に関する情報は改竄、あるいは消失してしまったため、編集元は分かっていない。
著しい相違は以下の通り。
- サイト-81におけるSCP-2996の存在(サイト-19の記録と矛盾)
- Kidwell博士のサイト-81におけるプロジェクトへの配属
- Aktus管理官のそのような実体がサイト-81内に収容されていることについての認識
- "Samantha Pendleton"の存在
これら以外にも事実の食い違いが存在する可能性はあるが、既に起きてしまったセキュリティ侵害の深刻さのために確認は不可能である。職員の記憶が復元データと矛盾することから、関係人物への記憶改竄が行われたものと現在考えられている。
SCP-2996に関するより正確な情報を集めようと、情報復旧チームはこの記録の過去版へのアクセスを試みている。ビデオ監視ログと音声ファイルは主要な財団データアーカイブから削除されており、失われてしまったと見なされている。
職員各位は当記録、またはセキュリティ違反に関するいかなる情報もサイト-81管理職員まで報告されたし。
これはサイト-81からサイト-19を経由して送信された自動化メッセージです。このメッセージの内容を変更しないでください。
: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)); } }
