-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
312 lines (291 loc) · 48.2 KB
/
Copy pathindex.html
File metadata and controls
312 lines (291 loc) · 48.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en">
<head><link rel="icon" href="assets/logo.svg" type="image/svg+xml"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Omnilore — The Archive of All Things Unreal</title>
<meta name="description" content="A digital museum of 25,512 gods, demons, cryptids, yokai, and internet-born horrors — each with its own custom-built page. Enter the Archive.">
<meta property="og:title" content="Omnilore — The Archive of All Things Unreal">
<meta property="og:description" content="Every forgotten god, every viral nightmare, every whispered folktale — catalogued, connected, and given an altar.">
<meta name="theme-color" content="#141210">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,500&family=EB+Garamond:ital,wght@0,400;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap">
<style>
:root{--bg:#141210;--bg2:#1a1815;--s:#1f1d19;--s2:#25231f;--t:#e8e4dc;--t2:#a09c94;--t3:#6b6760;--t4:#3d3a35;--p:#c9a84c;--pl:#e0c878;--pg:rgba(201,168,76,0.12);--b:#2d2a25;--b2:#3d3a35}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'EB Garamond',Georgia,serif;font-size:17px;line-height:1.75;color:var(--t);background:var(--bg);min-height:100vh;overflow-x:hidden}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--p);text-decoration:none}
.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:0 24px;height:58px;background:rgba(20,18,16,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--b)}
.nav img{width:34px;height:34px}
.logo{font-family:'JetBrains Mono',monospace;font-size:0.58rem;letter-spacing:2px;color:var(--t2);text-transform:uppercase;line-height:1.25}
.logo strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.08rem;color:var(--p);font-weight:700;text-transform:none;letter-spacing:1px}
.nav-links{margin-left:auto;display:flex;gap:2px}
.nav-links a{padding:8px 13px;color:var(--t2);font-family:'JetBrains Mono',monospace;font-size:0.64rem;text-transform:uppercase;letter-spacing:1.5px}
.nav-links a:hover{color:var(--p)}
.nav-search{position:relative;width:230px}
#q{width:100%;background:var(--s);border:1px solid var(--b);color:var(--t);padding:8px 14px;border-radius:20px;font-size:0.8rem;outline:none;font-family:'EB Garamond',serif}
#q:focus{border-color:var(--p)}
#dd{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--s);border:1px solid var(--b2);border-radius:8px;max-height:300px;overflow-y:auto;display:none;z-index:101;box-shadow:0 8px 40px rgba(0,0,0,0.6)}
#dd.on{display:block}
#dd a{display:block;padding:9px 14px;border-bottom:1px solid var(--b);font-size:0.85rem;color:var(--t)}
#dd a:hover{background:var(--s2)}
#dd a small{color:var(--t3);font-family:'JetBrains Mono',monospace;font-size:0.6rem;margin-left:8px}
#dd a .via{color:var(--p);font-style:italic;font-size:0.72rem}
/* HERO with rotating featured image */
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden}
#heroBg{position:absolute;inset:0;background-size:cover;background-position:center 25%;opacity:0.45;transition:opacity 1.2s;filter:saturate(1.05)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(20,18,16,0.45) 35%,rgba(20,18,16,0.75) 75%,var(--bg) 100%)}
.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:100px 24px 70px;width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:center}
.hero-left{min-width:0}
.showcase{position:relative;aspect-ratio:3/4;max-height:430px;border:1px solid var(--b2);background:var(--s2);overflow:hidden;display:block}
.showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}
.showcase img.on{opacity:0.92}
.showcase .sc-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,18,16,0.92) 100%);z-index:2}
.showcase .sc-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:16px 18px}
.showcase .sc-cap small{font-family:'JetBrains Mono',monospace;font-size:0.55rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--p);display:block;margin-bottom:4px}
.showcase .sc-cap b{font-family:'Cormorant Garamond',serif;font-size:1.45rem;color:var(--t);font-weight:600;line-height:1.15}
.showcase .sc-dots{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:5px}
.showcase .sc-dots i{width:6px;height:6px;border-radius:50%;background:var(--t4);transition:background 0.3s}
.showcase .sc-dots i.on{background:var(--p)}
.showcase .sc-label{position:absolute;top:12px;left:12px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:0.52rem;letter-spacing:2px;text-transform:uppercase;color:var(--t3);background:rgba(20,18,16,0.75);padding:4px 9px}
@media(max-width:860px){.hero-content{grid-template-columns:1fr}.showcase{max-height:340px;aspect-ratio:16/10}}
.status-row{display:flex;flex-wrap:wrap;gap:16px 26px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--b);font-family:'JetBrains Mono',monospace;font-size:0.6rem;text-transform:uppercase;letter-spacing:2px;color:var(--t3)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--p);display:inline-block;margin-right:7px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.25}}
.hero-label{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--p);margin-bottom:16px}
h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7.5vw,6.4rem);line-height:0.97;font-weight:700;margin-bottom:22px;letter-spacing:-0.5px}
h1 em{font-style:italic;color:var(--p)}
.hero-desc{max-width:560px;color:var(--t2);font-size:1.1rem;margin-bottom:28px}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:'JetBrains Mono',monospace;font-size:0.68rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;cursor:pointer;border:none}
.btn-p{background:var(--p);color:var(--bg)}
.btn-p:hover{background:var(--pl)}
.btn-o{background:none;color:var(--p);border:1px solid var(--p)}
.btn-o:hover{background:var(--pg)}
.hero-caption{position:absolute;right:24px;bottom:18px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:0.56rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);text-align:right}
.hero-caption b{display:block;color:var(--p);font-size:0.66rem}
/* ticker */
.ticker-wrap{overflow:hidden;border-top:1px solid var(--b);border-bottom:1px solid var(--b);padding:11px 0;background:var(--bg2)}
.ticker{display:flex;gap:26px;white-space:nowrap;font-family:'JetBrains Mono',monospace;font-size:0.58rem;text-transform:uppercase;letter-spacing:2px;color:var(--t3);animation:tick 32s linear infinite;width:max-content}
.ticker span.s{color:var(--p)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* stats */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto;padding:76px 24px 64px;text-align:center}.stat{min-width:0;padding:0 18px;border-right:1px solid var(--hair)}.stat:last-child{border-right:0}.stat b{font-size:clamp(2rem,4.5vw,3.4rem);color:var(--brass-hi)}.stat span{font-size:clamp(.48rem,.9vw,.56rem);color:rgba(238,230,211,.44)}@media(max-width:860px){.stat-strip{grid-template-columns:1fr 1fr;gap:0;padding:55px 10px}.stat{min-width:0;padding:14px 12px}.stat:nth-child(odd){border-right:1px solid var(--hair)}.stat:nth-child(-n+2){border-bottom:1px solid var(--hair)}.stat{border-right:none}}@media(max-width:420px){.stat-strip{padding:44px 8px 34px}.stat{padding:12px 6px}.stat b{font-size:2.1rem}.stat span{font-size:.46rem;letter-spacing:1px}}@media(max-width:360px){.stat b{font-size:1.8rem}.stat span{font-size:.42rem}}
.section{max-width:1200px;margin:0 auto;padding:56px 24px}
.sec-label{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--p);margin-bottom:8px}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;margin-bottom:28px}
#eotd{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center}
#eotd .img-plate{aspect-ratio:4/5;overflow:hidden;background:var(--s2);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;position:relative}
#eotd .img-plate img{width:100%;height:100%;object-fit:cover;opacity:0.88}
#eotd .img-plate .glyph{font-family:'Cormorant Garamond',serif;font-size:7rem;color:var(--p)}
#eotd h3{font-family:'Cormorant Garamond',serif;font-size:2.4rem;color:var(--t);margin-bottom:4px;line-height:1.1}
#eotd .ep{font-style:italic;color:var(--pl);margin-bottom:14px;font-size:1.05rem}
#eotd .meta{font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);margin-bottom:14px}
#eotd p.sum{color:var(--t2);margin-bottom:20px}
.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.arch-card{border:1px solid var(--b2);background:linear-gradient(160deg,var(--s),transparent);padding:22px;transition:all 0.25s;position:relative}
.arch-card:hover{border-color:var(--ac);transform:translateY(-3px);box-shadow:0 12px 40px var(--acg)}
.arch-glyph{font-size:1.5rem;color:var(--ac);display:block;margin-bottom:10px}
.arch-card b{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--t);display:block}
.arch-count{font-family:'JetBrains Mono',monospace;font-size:0.6rem;color:var(--ac);letter-spacing:1px;text-transform:uppercase}
.arch-card p{font-family:'JetBrains Mono',monospace;font-size:0.55rem;color:var(--t3);letter-spacing:1px;text-transform:uppercase;margin-top:8px}
.pan-grid{display:flex;flex-wrap:wrap;gap:10px}
.pan-chip{border:1px solid var(--b2);background:var(--s);padding:10px 18px;display:inline-flex;align-items:baseline;gap:9px;transition:all 0.22s}
.pan-chip:hover{border-color:var(--p);transform:translateY(-2px)}
.pan-chip b{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--t);font-weight:600}
.pan-chip span{font-family:'JetBrains Mono',monospace;font-size:0.56rem;color:var(--p)}
.rabbit-cta{text-align:center;padding:70px 24px;border-top:1px solid var(--b);border-bottom:1px solid var(--b);background:radial-gradient(ellipse at 50% 100%,var(--pg),transparent 65%)}
.rabbit-cta h2{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:600;margin:8px 0 12px}
.rabbit-cta p{color:var(--t2);max-width:480px;margin:0 auto 24px}
footer{padding:44px 24px 74px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:0.62rem;color:var(--t3);letter-spacing:1.5px;line-height:2.3}
footer img{width:44px;height:44px;display:block;margin:0 auto 14px;opacity:0.9}
@media(max-width:700px){#eotd{grid-template-columns:1fr}.hero{min-height:74vh}}
/* Living Archive enhancement */
:root{--archive-cyan:#77b9b1;--archive-violet:#9272c5;--archive-rust:#c96a43;--archive-moss:#7fa366;--archive-glass:rgba(24,22,18,.72)}
body{background-image:radial-gradient(ellipse at 50% -15%,rgba(201,168,76,.12),transparent 44%),radial-gradient(ellipse at 100% 40%,rgba(119,185,177,.06),transparent 35%)}
.nav{box-shadow:0 10px 32px rgba(0,0,0,.16)}.nav-search::before{content:'⌕';position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--p);font-size:1.05rem;pointer-events:none;z-index:1}.nav-search #q{padding-left:33px}
.hero{isolation:isolate}.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 77% 24%,rgba(224,200,120,.18),transparent 1px) 0 0/34px 34px;mask-image:linear-gradient(90deg,transparent 15%,black 58%,transparent 96%);opacity:.36}.hero-content{position:relative}.hero-content::after{content:'ARCHIVE // LIMINAL INDEX';position:absolute;right:3%;top:11%;color:rgba(224,200,120,.42);font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:3px;writing-mode:vertical-rl;pointer-events:none}
.showcase{border-color:rgba(201,168,76,.55);box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04)}.showcase::before{content:'';position:absolute;inset:10px;z-index:4;border:1px solid rgba(224,200,120,.28);pointer-events:none}.showcase:hover{transform:translateY(-4px);box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 40px rgba(201,168,76,.12)}
.archive-pulse{position:relative;z-index:3;max-width:1160px;margin:-28px auto 0;padding:0 24px}.archive-pulse-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.8fr;gap:1px;background:var(--b2);border:1px solid var(--b2);box-shadow:0 18px 55px rgba(0,0,0,.3)}.pulse-stat,.pulse-message{background:var(--archive-glass);backdrop-filter:blur(14px);padding:16px 18px;min-height:84px}.pulse-stat span,.pulse-message span{display:block;font-family:'JetBrains Mono',monospace;font-size:.53rem;letter-spacing:1.7px;text-transform:uppercase;color:var(--t3);margin-bottom:4px}.pulse-stat b{font-family:'Cormorant Garamond',serif;font-size:1.65rem;line-height:1;color:var(--pl);font-weight:600}.pulse-message b{font-family:'EB Garamond',serif;font-size:1rem;line-height:1.3;color:var(--t);font-weight:400}.pulse-signal{color:var(--p);margin-right:6px;animation:pulse 2s infinite}
.section{position:relative}.section::before{content:'';position:absolute;left:24px;right:24px;top:20px;height:1px;background:linear-gradient(90deg,transparent,var(--b2),transparent);opacity:.7}.section>.sec-label{padding-top:10px}.arch-grid{gap:16px}.arch-card{overflow:hidden;min-height:160px;border-color:color-mix(in srgb,var(--ac) 32%,var(--b2));isolation:isolate}.arch-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 92% 8%,var(--acg),transparent 38%);opacity:.9}.arch-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ac);opacity:.75}.arch-card:nth-child(3n+2)::after{left:auto;right:0}.arch-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,var(--s)),var(--s));box-shadow:0 18px 46px var(--acg)}.arch-card:focus-visible,.pan-chip:focus-visible,.showcase:focus-visible,.btn:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--pl);outline-offset:4px}
.rabbit-cta{position:relative;overflow:hidden}.rabbit-cta::before{content:'↓';position:absolute;left:50%;top:-48px;transform:translateX(-50%);font-family:'Cormorant Garamond',serif;font-size:15rem;color:rgba(201,168,76,.045);line-height:1}.rabbit-cta .btn{position:relative}.stat-strip{padding-top:62px}
@media(max-width:860px){.hero-content::after{display:none}.archive-pulse{margin:0;padding:0}.archive-pulse-inner{grid-template-columns:1fr 1fr}.pulse-message{grid-column:span 2}.stat-strip{padding-top:38px}}
@media(max-width:520px){.archive-pulse-inner{grid-template-columns:1fr}.pulse-message{grid-column:auto}.pulse-stat,.pulse-message{min-height:68px}.nav-search{width:min(42vw,230px)}.nav-links{display:none}.hero-content{padding-top:72px}.showcase{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.showcase{transition:none!important}}
/* LIVING RELIQUARY — final visual language */
:root{--ink:#090a0d;--night:#121017;--plum:#211523;--bone:#eee6d3;--brass:#c6a95a;--brass-hi:#f0d997;--signal:#8bbfc1;--ember:#b85f47;--glass:rgba(18,15,21,.7);--hair:rgba(238,230,211,.14);--display:'Cormorant Garamond',Georgia,serif;--body:'EB Garamond',Georgia,serif;--meta:'JetBrains Mono',monospace}
body{background:var(--ink);color:var(--bone);background-image:radial-gradient(circle at 11% 2%,rgba(139,191,193,.1),transparent 27%),radial-gradient(circle at 92% 26%,rgba(184,95,71,.095),transparent 29%),linear-gradient(120deg,transparent 0 48%,rgba(238,230,211,.024) 48.1% 48.3%,transparent 48.4%);font-family:var(--body)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:998;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%);mix-blend-mode:soft-light}
body::after{opacity:.07;mix-blend-mode:screen}.nav{height:72px;padding:0 clamp(16px,3vw,50px);border-bottom:1px solid var(--hair);background:linear-gradient(90deg,rgba(9,10,13,.97),rgba(23,15,25,.91));box-shadow:0 18px 45px rgba(0,0,0,.32)}.nav::after{content:'OMNI//0001';font:500 .52rem var(--meta);letter-spacing:2px;color:var(--signal);order:-1;opacity:.65}.nav img{width:31px;height:31px;filter:drop-shadow(0 0 10px rgba(198,169,90,.5))}.logo{font-size:.52rem;letter-spacing:3px;color:rgba(238,230,211,.58)}.logo strong{font-size:1.35rem;color:var(--brass-hi);letter-spacing:.5px}.nav-links{gap:12px}.nav-links a{position:relative;padding:12px 3px;color:rgba(238,230,211,.62);font-size:.57rem}.nav-links a::after{content:'';position:absolute;left:0;bottom:6px;width:0;height:1px;background:var(--brass-hi);transition:width .28s}.nav-links a:hover::after{width:100%}.nav-search{width:min(260px,24vw)}#q{border-radius:2px;border-color:rgba(198,169,90,.32);background:rgba(238,230,211,.045);color:var(--bone);font-family:var(--meta);font-size:.6rem;letter-spacing:.25px;padding-block:11px}.nav-search::before{color:var(--signal)!important}.hero{min-height:calc(100vh - 72px);align-items:center;border-bottom:1px solid var(--hair)}#heroBg{opacity:.32;filter:saturate(.62) contrast(1.2) brightness(.68);transform:scale(1.035)}.hero-overlay{background:linear-gradient(90deg,var(--ink) 0%,rgba(9,10,13,.9) 32%,rgba(9,10,13,.25) 68%,var(--ink) 100%),linear-gradient(180deg,rgba(9,10,13,.3),transparent 50%,var(--ink) 100%)}.hero::before{opacity:.65!important;background:radial-gradient(circle at 77% 24%,rgba(240,217,151,.6) 0 1px,transparent 1.5px) 0 0/29px 29px!important;mask-image:radial-gradient(ellipse at 74% 42%,black,transparent 55%)!important}.hero-content{max-width:1320px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);gap:clamp(38px,7vw,110px);padding-top:86px}.hero-left{padding-left:clamp(0px,2vw,28px);border-left:1px solid rgba(198,169,90,.45);position:relative}.hero-left::before{content:'CATALOGUE OF IMPOSSIBLE THINGS';position:absolute;left:-10px;top:-72px;transform:rotate(-90deg);transform-origin:left bottom;font:500 .49rem var(--meta);letter-spacing:3.6px;color:var(--signal);white-space:nowrap}.status-row{border-color:rgba(238,230,211,.17);gap:10px 20px;color:rgba(238,230,211,.44);font-size:.52rem}.status-row span:first-child{color:var(--signal)}.dot{background:var(--signal);box-shadow:0 0 13px var(--signal)}.hero-label{color:var(--brass-hi);font-size:.58rem;letter-spacing:4.4px;margin-bottom:22px}h1{font-family:var(--display);font-size:clamp(4rem,8.5vw,8rem);line-height:.82;letter-spacing:-2.8px;text-wrap:balance;text-shadow:0 8px 35px rgba(0,0,0,.55)}h1 em{color:var(--brass-hi);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.13em}.hero-desc{font-size:1.22rem;line-height:1.48;color:rgba(238,230,211,.75);max-width:490px}.btn{border-radius:0;padding:15px 22px;position:relative;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn-p{background:var(--brass-hi);color:var(--ink);box-shadow:7px 7px 0 rgba(139,191,193,.22)}.btn-o{border-color:rgba(238,230,211,.35);color:var(--bone);background:rgba(9,10,13,.4)}.showcase{max-height:520px;aspect-ratio:3/4;border:1px solid rgba(198,169,90,.8);background:var(--plum);box-shadow:21px 25px 0 rgba(184,95,71,.14),-12px 14px 0 rgba(139,191,193,.09),0 35px 90px rgba(0,0,0,.7);clip-path:polygon(0 4%,5% 0,100% 0,100% 93%,95% 100%,0 100%)}.showcase::before{inset:13px!important;border-color:rgba(240,217,151,.65)!important;z-index:7!important}.showcase::after{content:'EXHIBIT // ACTIVE';position:absolute;right:-39px;top:36px;z-index:9;transform:rotate(90deg);font:500 .48rem var(--meta);letter-spacing:3px;color:var(--signal);background:var(--ink);padding:5px 8px}.showcase img.on{opacity:.78;filter:sepia(.12) contrast(1.08)}.showcase .sc-fade{z-index:5;background:linear-gradient(180deg,rgba(9,10,13,.04),rgba(9,10,13,.88) 80%,var(--ink))}.showcase .sc-label{z-index:8;top:24px;left:24px;border:1px solid rgba(240,217,151,.55);background:rgba(9,10,13,.72);color:var(--brass-hi);padding:5px 8px}.showcase .sc-dots{z-index:8;top:26px;right:27px}.showcase .sc-dots i{border-radius:0;width:11px;height:2px;background:rgba(238,230,211,.3)}.showcase .sc-dots i.on{background:var(--signal);box-shadow:0 0 7px var(--signal)}.showcase .sc-cap{z-index:8;padding:27px 29px}.showcase .sc-cap small{color:var(--signal);font-size:.5rem}.showcase .sc-cap b{font-size:2rem;line-height:.88}.reliquary-frame{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(105deg,transparent 0 48%,rgba(240,217,151,.13) 48.15% 48.35%,transparent 48.5%),linear-gradient(165deg,transparent 0 68%,rgba(139,191,193,.18) 68.15% 68.35%,transparent 68.5%)}.reliquary-frame::before,.reliquary-frame::after{content:'';position:absolute;border:1px solid var(--brass-hi);width:32px;height:32px}.reliquary-frame::before{left:-8px;top:18%;border-right:0;border-bottom:0}.reliquary-frame::after{right:-8px;bottom:14%;border-left:0;border-top:0}.reliquary-seal{position:absolute;left:-22px;bottom:23px;width:44px;height:44px;border:1px solid var(--signal);border-radius:50%;box-shadow:inset 0 0 0 5px rgba(9,10,13,.85),0 0 0 1px rgba(240,217,151,.4);background:radial-gradient(circle,var(--brass-hi) 0 2px,transparent 2.5px)}.hero-caption{right:clamp(16px,3vw,50px);bottom:22px;color:rgba(238,230,211,.42)}.hero-caption b{color:var(--signal)}
.archive-pulse{max-width:860px;margin:-38px auto 0}.archive-pulse-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-color:rgba(198,169,90,.42);background:linear-gradient(90deg,rgba(139,191,193,.22),rgba(198,169,90,.28),rgba(184,95,71,.2));box-shadow:0 32px 70px rgba(0,0,0,.48)}.pulse-stat,.pulse-message{backdrop-filter:blur(22px);min-height:132px;padding:22px 24px}.pulse-stat:nth-child(1){background:linear-gradient(135deg,rgba(139,191,193,.26),rgba(23,18,28,.94) 60%)}.pulse-stat:nth-child(2){background:linear-gradient(135deg,rgba(198,169,90,.26),rgba(23,18,28,.94) 60%)}.pulse-stat:nth-child(3){background:linear-gradient(135deg,rgba(184,95,71,.26),rgba(23,18,28,.94) 60%)}.pulse-stat:nth-child(4){background:linear-gradient(135deg,rgba(139,191,193,.18),rgba(23,18,28,.94) 60%)}.pulse-message{background:linear-gradient(135deg,rgba(198,169,90,.18),rgba(23,18,28,.96) 55%);grid-column:1/-1}.pulse-stat b{font-size:2rem;color:var(--brass-hi)}.pulse-message span{color:var(--signal)}.pulse-message b{font-size:1.1rem;color:rgba(238,230,211,.88)}.ticker-wrap{margin-top:38px;background:linear-gradient(90deg,rgba(139,191,193,.11),transparent 28%,transparent 72%,rgba(184,95,71,.11));border-color:var(--hair)}.ticker{color:rgba(238,230,211,.52)}.ticker span.s{color:var(--signal)}.stat-strip{position:relative;padding:48px 24px 56px;gap:0}.stat{min-width:175px;padding:0 24px;border-right:1px solid var(--hair)}.stat:last-child{border:0}.stat b{font-size:3.4rem;color:var(--brass-hi);text-shadow:0 0 20px rgba(198,169,90,.15)}.stat span{color:rgba(238,230,211,.44)}
.section{max-width:1280px;padding:100px 36px}.section::before{left:36px;right:36px;top:42px;background:linear-gradient(90deg,var(--signal),transparent 18%,rgba(238,230,211,.16) 50%,transparent 82%,var(--ember));height:1px}.section>.sec-label{padding-top:16px;color:var(--signal);font-size:.55rem;letter-spacing:4px}.sec-title{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-1.2px;margin-bottom:42px}.sec-title::first-letter{color:var(--brass-hi)}#eotd{grid-template-columns:minmax(260px,.68fr) 1.45fr;gap:clamp(34px,7vw,105px);padding:22px;border:1px solid rgba(238,230,211,.12);background:linear-gradient(112deg,rgba(139,191,193,.065),transparent 45%,rgba(184,95,71,.06));box-shadow:0 25px 65px rgba(0,0,0,.24)}#eotd .img-plate{border-color:rgba(198,169,90,.55);background:linear-gradient(135deg,var(--plum),var(--ink));box-shadow:11px 11px 0 rgba(198,169,90,.12);clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%)}#eotd .img-plate::before{content:'SPECIMEN // TONIGHT';position:absolute;z-index:2;left:12px;top:12px;font:500 .48rem var(--meta);letter-spacing:2.5px;color:var(--brass-hi);background:rgba(9,10,13,.76);padding:5px 7px;border:1px solid rgba(198,169,90,.45)}#eotd h3{font-size:clamp(2.6rem,4.5vw,4.6rem);letter-spacing:-1.5px}#eotd .ep{color:var(--brass-hi)}#eotd .meta{color:var(--signal)}#eotd p.sum{color:rgba(238,230,211,.7);max-width:520px}.arch-grid{gap:0;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}.arch-card{min-height:202px;padding:25px 23px;border:0!important;border-right:1px solid var(--hair)!important;border-bottom:1px solid var(--hair)!important;background:linear-gradient(145deg,rgba(238,230,211,.025),transparent 52%)!important;box-shadow:none!important;clip-path:none}.arch-card::before{background:radial-gradient(circle at 90% 10%,var(--acg),transparent 42%)!important;opacity:.52!important}.arch-card::after{height:2px!important;width:100%!important;bottom:auto!important;opacity:.9!important}.arch-card:nth-child(3n+2)::after{left:0!important;right:auto!important}.arch-card:hover{transform:translateY(-7px) scale(1.015);background:linear-gradient(145deg,color-mix(in srgb,var(--ac) 20%,var(--plum)),rgba(9,10,13,.8))!important;z-index:3}.arch-glyph{font-size:2rem;margin-bottom:17px}.arch-card b{font-size:1.6rem;line-height:1}.arch-count{color:var(--signal);margin-top:8px;display:block}.arch-card p{margin-top:16px;color:rgba(238,230,211,.43)}.pan-grid{gap:0;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}.pan-chip{padding:12px 15px;border:0;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);background:rgba(238,230,211,.025);border-radius:0}.pan-chip:hover{background:rgba(198,169,90,.13);transform:none}.pan-chip span{color:var(--signal)}.rabbit-cta{padding:135px 24px 130px;border-color:var(--hair);background:radial-gradient(ellipse at 50% 105%,rgba(184,95,71,.38),transparent 46%),radial-gradient(circle at 50% 50%,rgba(139,191,193,.10),transparent 32%),var(--night)}.rabbit-cta::before{content:'◉'!important;top:50%!important;transform:translate(-50%,-50%)!important;font-size:34rem!important;color:rgba(198,169,90,.055)!important}.rabbit-cta::after{content:'UNINDEXED DEPTHS · UNINDEXED DEPTHS · UNINDEXED DEPTHS';position:absolute;left:0;right:0;bottom:25px;font:500 .48rem var(--meta);letter-spacing:4px;color:rgba(139,191,193,.5);white-space:nowrap;overflow:hidden}.rabbit-cta h2{position:relative;font-size:clamp(3.2rem,6vw,6.3rem);line-height:.8;letter-spacing:-2.4px}.rabbit-cta p{position:relative;font-size:1.2rem;color:rgba(238,230,211,.7)}.rabbit-cta .sec-label{position:relative;color:var(--signal)}footer{background:var(--ink);padding-top:72px;color:rgba(238,230,211,.4)}footer img{filter:drop-shadow(0 0 10px rgba(198,169,90,.35))}
@media(max-width:860px){.nav::after{display:none}.hero-content{grid-template-columns:1fr;padding-top:115px}.hero-left{padding-left:20px}.showcase{width:min(100%,460px);justify-self:center}.archive-pulse{margin:0}.section{padding:70px 22px}#eotd{grid-template-columns:1fr;padding:14px}.stat{min-width:150px;padding:12px}.arch-card{min-height:165px}}/* Mobile hamburger menu */
.menu-toggle{display:none;background:none;border:none;color:var(--brass-hi);font-size:1.4rem;cursor:pointer;padding:8px;line-height:1;min-width:44px;min-height:44px;z-index:101}
@media(max-width:560px){
.menu-toggle{display:flex;align-items:center;justify-content:center}
.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(9,10,13,.98);flex-direction:column;gap:0;border-bottom:1px solid var(--hair);padding:8px 0;z-index:99}
.nav-links.open{display:flex}
.nav-links a{padding:14px 24px;font-size:0.62rem;border-bottom:1px solid rgba(238,230,211,.04);min-height:44px;display:flex;align-items:center}
.nav-links a::after{display:none}
.nav{height:60px}.logo{display:none}.hero{min-height:auto}
.hero-content{padding:88px 22px calc(78px + env(safe-area-inset-bottom))}.hero-left::before{display:none}
h1{font-size:clamp(3.8rem,18vw,5.2rem)}.status-row{font-size:.46rem}
.showcase{display:block;max-height:370px}
.archive-pulse-inner{grid-template-columns:1fr 1fr}
.pulse-stat,.pulse-message{min-height:78px;padding:14px}
.pulse-message{grid-column:span 2}
.stat-strip{padding:55px 10px}.stat{min-width:50%;padding:12px 6px}.stat b{font-size:2.6rem}
.section{padding:62px 16px}.arch-grid{grid-template-columns:1fr 1fr}
.arch-card{padding:18px 14px;min-height:160px}.arch-card b{font-size:1.28rem}
.rabbit-cta{padding:100px 18px}.rabbit-cta::after{font-size:.4rem}
.nav-search{width:100%;max-width:calc(100vw - 100px)}#q{font-size:16px;padding-block:12px}
footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
}
/* Ultra-small phones (<380px) */
@media(max-width:380px){.btn-row{flex-direction:column}.btn-row .btn{width:100%;justify-content:center}.arch-grid{grid-template-columns:1fr}.stat b{font-size:2.2rem}.stat{min-width:100%;border-right:0;border-bottom:1px solid var(--hair);padding:14px 0}}@media(prefers-reduced-motion:reduce){.ticker{animation:none!important}.showcase:hover,.arch-card:hover,.btn:hover{transform:none!important}}
/* Wings threshold — homepage entrance only */
.wings-threshold{position:relative;max-width:1280px;margin:35px auto 95px;padding:0 36px;min-height:460px;display:grid;place-items:center;overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:radial-gradient(circle at 52% 50%,rgba(139,191,193,.12),transparent 22%),radial-gradient(ellipse at 50% 115%,rgba(184,95,71,.27),transparent 47%)}.wings-threshold:before{content:'';position:absolute;width:min(440px,66vw);aspect-ratio:1/1.17;border:1px solid rgba(198,169,90,.72);clip-path:polygon(50% 0,87% 12%,100% 50%,87% 88%,50% 100%,13% 88%,0 50%,13% 12%);box-shadow:0 0 0 16px rgba(139,191,193,.05),0 0 75px rgba(198,169,90,.14),inset 0 0 80px rgba(9,10,13,.8)}.wings-threshold:after{content:'17 DOORS · 17 DOORS · 17 DOORS';position:absolute;bottom:22px;font:500 .5rem var(--meta);letter-spacing:5px;color:rgba(139,191,193,.6)}.threshold-copy{position:relative;z-index:1;max-width:630px;padding:70px 25px;text-align:center}.threshold-copy .sec-label{color:var(--signal);font:500 .56rem var(--meta);letter-spacing:4px}.threshold-copy h2{margin:15px 0;font:700 clamp(3.5rem,7vw,7rem)/.8 var(--display);letter-spacing:-2px}.threshold-copy h2 em{color:var(--brass-hi);font-style:italic}.threshold-copy p{max-width:440px;margin:0 auto 28px;color:rgba(238,230,211,.7);font-size:1.15rem}.threshold-copy .btn{position:relative;z-index:2}.threshold-glyph{display:block;margin-bottom:12px;color:var(--brass-hi);font:italic 5rem/.8 var(--display);text-shadow:0 0 35px rgba(198,169,90,.5)}@media(max-width:560px){.wings-threshold{margin:15px auto 65px;padding:0 16px;min-height:410px}.threshold-copy{padding:55px 15px}.threshold-copy h2{font-size:4rem}.wings-threshold:after{font-size:.4rem;letter-spacing:3px}}
/* Shorter home ending: two routes, one descent. */
.archive-exit{max-width:1120px;margin:35px auto 85px;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.archive-route{min-height:150px;position:relative;overflow:hidden;padding:27px 30px;color:#eee6d3;text-decoration:none;background:linear-gradient(135deg,rgba(139,191,193,.1),rgba(3,4,5,.62));border:0;box-shadow:inset 0 0 0 1px rgba(139,191,193,.22)}.archive-route:last-child{background:linear-gradient(135deg,rgba(184,95,71,.1),rgba(3,4,5,.62));box-shadow:inset 0 0 0 1px rgba(184,95,71,.22)}.archive-route:before{content:'↗';position:absolute;right:23px;bottom:11px;color:rgba(238,230,211,.14);font:italic 5rem/.8 'Cormorant Garamond',serif}.archive-route span{position:relative;display:block;color:#8bbfc1;font:500 .52rem 'JetBrains Mono',monospace;letter-spacing:2.5px;text-transform:uppercase}.archive-route b{position:relative;display:block;margin-top:10px;font:700 2rem/.9 'Cormorant Garamond',serif}.archive-route p{position:relative;max-width:36ch;margin:10px 0 0;color:rgba(238,230,211,.62);font-size:.95rem}.archive-route:hover{transform:translateY(-3px);transition:transform .25s;box-shadow:inset 0 0 0 1px rgba(238,230,211,.36),0 18px 35px rgba(0,0,0,.28)}footer .legal-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}footer .legal-links a{color:#8bbfc1;text-decoration:none;font-size:.52rem}footer .legal-links a:hover{color:#e0c878}@media(max-width:650px){.archive-exit{grid-template-columns:1fr;padding:0 16px;margin-bottom:60px}.archive-route{min-height:135px}}
/* Content advisory: a clear choice before entering the archive. */
#content-advisory[hidden]{display:none}#content-advisory{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(1,2,3,.82);backdrop-filter:blur(14px)}.advisory-panel{width:min(650px,100%);position:relative;overflow:hidden;padding:clamp(28px,5vw,58px);background:linear-gradient(135deg,rgba(18,23,26,.94),rgba(5,7,9,.98));border:1px solid rgba(139,191,193,.34);box-shadow:0 28px 100px rgba(0,0,0,.65),inset 0 0 0 1px rgba(198,169,90,.1)}.advisory-panel:before{content:'CONTENT ADVISORY';position:absolute;right:-15px;top:24px;color:rgba(139,191,193,.08);font:700 clamp(3rem,11vw,7rem)/.8 'Cormorant Garamond',serif;letter-spacing:-3px}.advisory-kicker{position:relative;margin:0 0 13px;color:#8bbfc1;font:500 .58rem 'JetBrains Mono',monospace;letter-spacing:3px;text-transform:uppercase}.advisory-panel h1{position:relative;margin:0 0 14px;color:#eee6d3;font:700 clamp(2.8rem,8vw,5rem)/.85 'Cormorant Garamond',serif;letter-spacing:-1.5px}.advisory-panel p{position:relative;max-width:54ch;margin:0 0 16px;color:rgba(238,230,211,.76);font:1.08rem/1.48 'EB Garamond',Georgia,serif}.advisory-panel ul{position:relative;margin:16px 0 25px;padding-left:20px;color:rgba(238,230,211,.65);font:500 .63rem/1.9 'JetBrains Mono',monospace;letter-spacing:.4px}.advisory-actions{position:relative;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.advisory-enter,.advisory-leave{display:inline-flex;align-items:center;min-height:44px;padding:12px 18px;border:0;cursor:pointer;font:600 .61rem 'JetBrains Mono',monospace;letter-spacing:1.4px;text-transform:uppercase}.advisory-enter{background:#e0c878;color:#050607}.advisory-leave{color:#d9e5e1;background:transparent;border:1px solid rgba(238,230,211,.28)}.advisory-legal{position:relative;display:block;margin-top:20px;color:#8bbfc1;font:500 .54rem 'JetBrains Mono',monospace;letter-spacing:1px;text-decoration:none}@media(max-width:500px){.advisory-panel{padding:30px 24px}.advisory-panel p{font-size:1rem}}
/* Continuous home pass: no boxed ending, no hard section breaks. */
.pulse-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.pulse-links a{color:rgba(238,230,211,.78);text-decoration:none;font:500 .48rem var(--meta);letter-spacing:1.25px;text-transform:uppercase;padding:6px 8px;background:linear-gradient(90deg,rgba(139,191,193,.16),transparent);box-shadow:inset 2px 0 0 rgba(139,191,193,.62)}.pulse-links a:last-child{background:linear-gradient(90deg,rgba(184,95,71,.16),transparent);box-shadow:inset 2px 0 0 rgba(184,95,71,.62)}.pulse-links a:hover{color:var(--brass-hi);background-color:rgba(238,230,211,.07)}.section::before{display:none!important}.section{padding-top:66px!important;padding-bottom:34px!important}.section:has(#eotd){padding-bottom:18px!important}.wings-threshold{margin:0 auto 60px!important;min-height:380px!important;border:0!important;background:linear-gradient(180deg,transparent 0%,rgba(139,191,193,.045) 35%,rgba(184,95,71,.06) 100%)!important}.wings-threshold:before{opacity:.62}.wings-threshold:after{bottom:16px}.threshold-copy{padding-top:50px!important;padding-bottom:52px!important}.threshold-copy h2{font-size:clamp(3.1rem,6.5vw,6rem)!important}.stat-strip{padding-bottom:34px!important}@media(max-width:860px){.pulse-links{gap:6px}.pulse-links a{font-size:.44rem}.section{padding-top:48px!important}.wings-threshold{min-height:330px!important;margin-bottom:42px!important}}
/* Continuous atmosphere pass: colour belongs to the whole descent, never a bounded section. */
body{
background-color:var(--ink);
background-image:
radial-gradient(ellipse 96% 16% at 50% 18%,rgba(139,191,193,.065),transparent 74%),
radial-gradient(ellipse 92% 19% at 50% 42%,rgba(198,169,90,.038),transparent 76%),
radial-gradient(ellipse 90% 18% at 50% 65%,rgba(139,191,193,.07),transparent 74%),
radial-gradient(ellipse 100% 16% at 50% 84%,rgba(184,95,71,.075),transparent 77%),
linear-gradient(180deg,#090a0d 0%,#0b0d10 28%,#080a0d 52%,#0d0b10 76%,#090a0d 100%)!important;
}
.wings-threshold{
isolation:isolate;
background:transparent!important;
}
.wings-threshold::before{box-shadow:0 0 0 16px rgba(139,191,193,.045),0 0 75px rgba(198,169,90,.12),inset 0 0 80px rgba(9,10,13,.8)!important;}
/* Compact archive colophon: a closing note, not another destination. */
footer{
padding:28px 24px 30px!important;
min-height:0;
font:500 .53rem/1.65 var(--meta);
letter-spacing:1.3px;
}
footer img{width:24px;height:24px;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(198,169,90,.3));}
footer .legal-links{margin-top:10px!important;gap:9px!important;}
footer .legal-links a{font-size:.48rem!important;letter-spacing:.8px;}
@media(max-width:560px){footer{padding:25px 16px 28px!important;}footer .legal-links{gap:7px!important;}}
</style>
</head>
<body>
<nav class="nav">
<img src="assets/logo.svg" alt="Omnilore seal">
<a href="index.html" class="logo"><strong>Omnilore</strong>THE ARCHIVE OF ALL THINGS UNREAL</a>
<div class="nav-search"><input type="search" id="q" placeholder="Search 25,512 entities & aliases…" autocomplete="off"><div id="dd"></div></div>
<button class="menu-toggle" aria-label="Menu" id="menuToggle">☰</button>
<div class="nav-links" id="navLinks"><a href="browse.html">Browse</a><a href="rabbit-hole.html">Rabbit Hole</a><a href="#" id="rand">Random</a><a href="wings.html">Wings</a></div>
</nav>
<section class="hero">
<div id="heroBg"></div><div class="hero-overlay"></div>
<div class="hero-content">
<div class="hero-left">
<div class="status-row"><span><span class="dot"></span>Archive Online</span><span>25,512 Entities Catalogued</span><span>537 Traditions</span><span>Observation Mode — Passive</span><span>Est. Before Time</span></div>
<p class="hero-label">The Digital Museum of the Unreal</p>
<h1>A cathedral for<br><em>everything</em> imagined</h1>
<p class="hero-desc">Every forgotten god, every viral nightmare, every whispered folktale and cosmic horror — catalogued, connected, and given an altar. No two rooms alike.</p>
<div class="btn-row"><a class="btn btn-p" href="browse.html">Enter the Archive ↗</a><button class="btn btn-o" id="rand2">🎲 Random</button></div>
</div>
<a class="showcase" id="showcase" href="#"><div class="reliquary-frame" aria-hidden="true"><span class="reliquary-seal"></span></div><span class="sc-label">From the vaults</span><div class="sc-dots" id="scDots"></div><div class="sc-fade"></div><div class="sc-cap"><small id="scMeta"></small><b id="scName"></b></div></a>
</div>
<div class="hero-caption"><span>Now on display</span><b id="featName"></b></div>
</section>
<script>
// Mobile hamburger menu toggle
document.getElementById('menuToggle').onclick=function(){document.getElementById('navLinks').classList.toggle('open');this.textContent=this.textContent==='☰'?'✕':'☰';};
</script>
<div class="ticker-wrap"><div class="ticker" id="ticker"></div></div>
<div class="stat-strip">
<div class="stat"><b id="stat-total">25,596</b><span>Entities Enshrined</span></div>
<div class="stat"><b id="stat-completed">25,596</b><span>Completed Dossiers</span></div>
<div class="stat"><b id="stat-deep">—</b><span>Deep-Grade Dossiers</span></div>
<div class="stat"><b id="stat-cultures">1,569</b><span>Cultures & Traditions</span></div>
<div class="stat"><b id="stat-wings">17</b><span>Wings of the Museum</span></div>
<div class="stat"><b id="stat-unfinished">0</b><span>Unfinished</span></div>
</div>
<section class="section">
<p class="sec-label">01 / Now on Display</p><h2 class="sec-title">Tonight’s Entity</h2>
<div id="eotd"><div class="img-plate" id="e-plate"><span class="glyph" id="e-glyph">✦</span></div><div><p class="meta" id="e-meta"></p><h3 id="e-name"></h3><p class="ep" id="e-ep"></p><p class="sum" id="e-sum"></p><a class="btn btn-p" id="e-link" href="#">Read the Full Entry →</a></div></div>
</section>
<section class="wings-threshold" id="collections"><div class="threshold-copy"><span class="threshold-glyph" aria-hidden="true">◇</span><p class="sec-label">The architectural index</p><h2>The <em>Seventeen</em> Doors</h2><p>The Archive is too large for a hallway. Enter the wings, where every collection keeps its own atmosphere, rules, and impossible history.</p><a class="btn btn-p" href="wings.html">Enter the Wings →</a></div></section>
<footer><img src="assets/logo.svg" alt="">OMNILORE — THE ARCHIVE OF ALL THINGS UNREAL<br>never finished, always evolving · every page someone’s favorite page<div class="legal-links"><a href="legal.html#content-advisory">Content advisory</a><a href="legal.html#terms">Terms of use</a><a href="legal.html#privacy">Privacy</a><a href="legal.html#copyright">Copyright</a><a href="legal.html#accessibility">Accessibility</a></div></footer>
<script src="assets/search-index.js"></script><script src="assets/nav-search.js"></script>
<script>
(function(){
var IDX=window.OMNILORE_INDEX||[];
(function(){
var archiveIndex=window.OMNILORE_INDEX||[];
var archiveTotal=document.getElementById('archive-total'),archiveWings=document.getElementById('archive-wings'),archiveOpen=document.getElementById('archive-open'),archiveMessage=document.getElementById('archive-pulse-message'),archiveCompleted=document.getElementById('archive-completed');
function archiveHash(value){var hash=2166136261;for(var index=0;index<value.length;index++){hash^=value.charCodeAt(index);hash=Math.imul(hash,16777619);}return hash>>>0;}
if(archiveTotal)archiveTotal.textContent=archiveIndex.length.toLocaleString();
if(archiveWings)archiveWings.textContent=(document.querySelectorAll('.arch-card').length||17).toLocaleString();
var comp=archiveIndex.filter(function(e){return e._finished}).length;
if(archiveOpen)archiveOpen.textContent=(archiveIndex.length-comp).toLocaleString();
if(archiveCompleted)archiveCompleted.textContent=comp.toLocaleString();
var st=document.getElementById('stat-total');if(st)st.textContent=archiveIndex.length.toLocaleString();
var stc=document.getElementById('stat-completed');if(stc)stc.textContent=comp.toLocaleString();
var std=document.getElementById('stat-deep');if(std)std.textContent=(archiveIndex.filter(function(x){return x.dp==='exhaustive'||x.dp==='deep';}).length).toLocaleString();
var stcu=document.getElementById('stat-cultures');if(stcu){var cults={};archiveIndex.forEach(function(e3){if(e3.c)cults[e3.c]=1;});stcu.textContent=Object.keys(cults).length.toLocaleString();}
var stw=document.getElementById('stat-wings');if(stw)stw.textContent=(document.querySelectorAll('.arch-card').length||17).toLocaleString();
var stu=document.getElementById('stat-unfinished');if(stu)stu.textContent=(archiveIndex.length-comp).toLocaleString();
if(archiveMessage&&archiveIndex.length){var archivePick=archiveIndex[archiveHash('archive-pulse-'+new Date().toDateString())%archiveIndex.length];archiveMessage.textContent='Today the Archive draws your eye to '+archivePick.n+' — '+(archivePick.e||archivePick.t||'an unopened thread')+'.';}
})();
var IDX=window.OMNILORE_INDEX||[];
function hashStr(s){var h=2166136261;for(var i=0;i<s.length;i++){h^=s.charCodeAt(i);h=Math.imul(h,16777619);}return h>>>0;}
// ticker
var emotions=['Wonder','Dread','Curiosity','Awe','Existential Vertigo','Reverence','The Itch for One More Link'];
var tk='';for(var t=0;t<4;t++)for(var e2=0;e2<emotions.length;e2++)tk+='<span>'+emotions[e2]+'</span><span class="s">✦</span>';
document.getElementById('ticker').innerHTML=tk;
// featured hero bg: random entity WITH image
var withImg=IDX.filter(function(e){return e.i;});
if(withImg.length){var f=withImg[Math.floor(Math.random()*withImg.length)];
const hb=document.getElementById('heroBg');if(hb){hb.style.backgroundImage='url("'+f.i+'")';
document.getElementById('featName').textContent=f.n;hb.loading='lazy';}}
// rotating showcase: 8 random imaged entities, 4.5s cycle
(function(){
var sc=document.getElementById('showcase');if(!sc||!withImg.length)return;
var picks=[];var used={};
while(picks.length<Math.min(4,withImg.length)){var c=withImg[Math.floor(Math.random()*withImg.length)];if(used[c.s])continue;used[c.s]=1;picks.push(c);}
var dots=document.getElementById('scDots');
picks.forEach(function(p,i){
var im=document.createElement('img');im.src=p.i;im.alt=p.n;im.loading='lazy';sc.insertBefore(im,sc.querySelector('.sc-fade'));
var d=document.createElement('i');dots.appendChild(d);
});
var imgs=sc.querySelectorAll('img'),ds=dots.querySelectorAll('i'),cur=0;
function show(i){
for(var j=0;j<imgs.length;j++){imgs[j].className=j===i?'on':'';ds[j].className=j===i?'on':'';}
document.getElementById('scMeta').textContent=(picks[i].c||picks[i].k)+' · '+picks[i].k.toUpperCase();
document.getElementById('scName').textContent=picks[i].n;
sc.href='entity/'+picks[i].s+'.html';
}
show(0);
setInterval(function(){cur=(cur+1)%picks.length;show(cur);},6000);
})();
// entity of the night (deterministic per date), prefer finished with image
var d=new Date(),key=d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
var finishedPool=IDX.filter(function(e){return e.i&&e._finished;});
var pool=finishedPool.length>50?finishedPool:withImg.length>200?withImg:IDX;
var e=pool[hashStr(key)%pool.length];
document.getElementById('e-meta').textContent=(e.d?e.d+' · ':'')+(e.c||'')+' · '+e.k.toUpperCase();
document.getElementById('e-name').textContent=e.n;
document.getElementById('e-ep').textContent=e.e||'';
if(e.i){var entityImage=document.createElement('img');entityImage.src=e.i;entityImage.alt=e.n;entityImage.onerror=function(){this.replaceWith(Object.assign(document.createElement('span'),{className:'glyph',textContent:e.n.charAt(0)}));};document.getElementById('e-plate').replaceChildren(entityImage);}
else{document.getElementById('e-glyph').textContent=e.n.charAt(0);}
document.getElementById('e-sum').textContent=(e.e||'The Archive has prepared this file for tonight.')+(e.d?' — '+e.d:'');
document.getElementById('e-link').href='entity/'+e.s+'.html';
function rand(){var x=IDX[Math.floor(Math.random()*IDX.length)];location.href='entity/'+x.s+'.html';return false;}
document.getElementById('rand').onclick=rand;document.getElementById('rand2').onclick=rand;
})();
</script>
<aside id="content-advisory" role="dialog" aria-modal="true" aria-labelledby="advisory-title" hidden><div class="advisory-panel"><p class="advisory-kicker">Adults only — 18+ required</p><h1 id="advisory-title">This archive is uncensored and 18+.</h1><p>By entering you confirm you are 18 or older and you consent to viewing uncensored material: artistic and historical nudity, fictional gore and body horror, occult and demonic imagery, death and violence, and language that may be dated or offensive.</p><ul><li>Everything is shown without blur or redaction. No sanitized mode.</li><li>Material is presented for research, context, and cultural reference — not endorsement.</li><li>If you are under 18, or you do not want to see this material, leave now.</li></ul><div class="advisory-actions"><button class="advisory-enter" type="button">I am 18+ — Enter uncensored</button><button class="advisory-leave" type="button">Leave</button></div><a class="advisory-legal" href="legal.html#content-advisory">Read the full 18+ advisory and terms →</a></div></aside><script>(function(){var key='omnilore-18plus-v1',gate=document.getElementById('content-advisory');if(!gate)return;try{if(localStorage.getItem(key)==='accepted')return;}catch(e){}gate.hidden=false;var enter=gate.querySelector('.advisory-enter'),leave=gate.querySelector('.advisory-leave');enter.onclick=function(){try{localStorage.setItem(key,'accepted')}catch(e){}gate.hidden=true};leave.onclick=function(){location.href='about:blank'};})();</script></body>
</html>