/* In Case of Contact - homepage. Layered: faded old record (.deep) / pinned investigation (.trail) / the handbook (.core). No inline styles (CSP). */
body.home{background:#0a0908;color:var(--dink);overflow-x:hidden}
body.home::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(90% 70% at 50% 38%,rgba(217,180,106,.07) 0,transparent 62%),radial-gradient(140% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}
body.home a:focus-visible,body.home summary:focus-visible,body.home button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.htop{position:sticky;top:0;z-index:30;background:rgba(10,9,8,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--edge)}
.hwrap{max-width:1280px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:14px;min-height:48px}
.hwrap .brand{margin-right:auto;font-size:12px}
.dnav{display:none;gap:4px 20px}.dnav a{font-family:var(--type);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ddim);text-decoration:none;padding:10px 0}
.dnav a:hover,.dnav a:focus-visible{color:var(--gold)}
.mnav{position:relative}.mnav summary{list-style:none;font-family:var(--type);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dink);border:1px solid var(--edge);padding:12px 14px;min-height:44px;cursor:pointer;display:flex;align-items:center}
.mnav summary::-webkit-details-marker{display:none}
.mnav nav{position:absolute;right:0;top:100%;margin-top:6px;background:#12100d;border:1px solid var(--edge);min-width:210px;display:flex;flex-direction:column;box-shadow:0 12px 30px rgba(0,0,0,.6)}
.mnav nav a{font-family:var(--type);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dink);text-decoration:none;padding:14px 16px;border-bottom:1px solid var(--edge)}
.mnav nav a:last-child{border:0;color:var(--gold)}
main{position:relative;z-index:1}
.stage{position:relative;padding-bottom:40px}

/* ---- layer 1: the faded old human record ---- */
.deep{position:absolute;left:0;right:0;top:-40px;bottom:-90px;overflow:hidden;pointer-events:none;z-index:0;will-change:transform}
.rings{position:absolute;color:var(--gold);opacity:.07;width:min(78vw,820px);height:auto}
.rings.r-a{left:50%;top:10%;margin-left:calc(min(78vw,820px)/-2)}
.rings.r-b{right:-12%;top:46%;width:min(70vw,640px);opacity:.055}
.ghost{position:absolute;left:-8%;top:68%;width:min(60vw,520px);height:auto;opacity:.07;filter:grayscale(1) contrast(1.1);mix-blend-mode:screen}
.frag{position:absolute;max-width:230px;color:#cfc6ad;opacity:.3;font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.4;border-top:1px solid rgba(217,180,106,.35);padding-top:6px}
.frag .fl{display:block;font-family:var(--type);font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;color:var(--gold)}
.frag.f1{left:3%;top:6%}.frag.f2{right:4%;top:15%}.frag.f3{left:6%;top:30%}.frag.f4{right:7%;top:41%}
.frag.f5{left:4%;top:55%}.frag.f6{right:5%;top:64%}.frag.f7{left:7%;top:78%}.frag.f8{right:6%;top:89%}

/* ---- layer 3: the handbook, the one sane object in the room ---- */
.core{position:relative;z-index:2}
.stick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;min-height:calc(100svh - 48px);padding:28px 16px}
.book{position:relative;width:min(300px,74vw);aspect-ratio:2/3;transform:rotate(-1deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.7)) drop-shadow(0 0 60px rgba(217,180,106,.08))}
.cover{position:absolute;inset:0;background:linear-gradient(100deg,#0d0b09 0,#1d1913 6%,#17130f 12%,#14110d 100%);border:1px solid #3a3225;border-radius:3px 6px 6px 3px;padding:34px 26px 26px 34px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 5px #15120e,inset 0 0 0 6px rgba(217,180,106,.35),inset 8px 0 14px rgba(0,0,0,.55)}
.cover::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1px;background:rgba(0,0,0,.6);box-shadow:1px 0 0 rgba(217,180,106,.12)}
.foil-top{font-family:var(--type);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.85}
.cover h1{font-family:var(--serif);font-size:clamp(34px,10vw,46px);line-height:1;letter-spacing:.01em;color:var(--gold);margin-top:34px;text-shadow:0 1px 0 #000,0 0 1px rgba(217,180,106,.5)}
.rule{height:1px;background:var(--gold);opacity:.55;margin:18px 0 14px;width:56%}
.sub{font-family:var(--type);font-size:11px;line-height:1.5;letter-spacing:.04em;color:#bfb69f}
.tagline{font-family:var(--serif);font-style:italic;font-size:15px;color:#d7cdb3;margin-top:auto;line-height:1.3}
.mark{font-family:var(--type);font-size:9.5px;letter-spacing:.24em;color:var(--gold);opacity:.7;margin-top:14px;border-top:1px solid rgba(217,180,106,.3);padding-top:8px}
.ribbon{position:absolute;left:62%;bottom:-24px;width:11px;height:46px;background:#6d1f1b;box-shadow:0 2px 3px rgba(0,0,0,.5);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.open{font-family:var(--type);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid rgba(217,180,106,.55);padding:14px 22px;min-height:48px;display:inline-flex;align-items:center;background:rgba(10,9,8,.6)}
.open:hover,.open:focus-visible{background:var(--gold);color:#0a0908}
.tab{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;font-family:var(--type);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#0a0908;background:var(--gold);text-decoration:none;padding:14px 16px;min-height:48px;display:flex;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.6)}
.js .tab{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s}
.js .tab.show{opacity:1;pointer-events:auto;transform:none}

/* ---- layer 2: the investigation (pinned, taped, annotated) ---- */
.trail{position:relative;z-index:1;padding:8px 16px 0}
.art{position:relative;width:100%;max-width:400px;margin:0 auto 64px}
.art>*+*{margin-top:14px}
.t-2{rotate:-1.8deg}.t-1{rotate:-.9deg}.t1{rotate:.9deg}.t2{rotate:1.7deg}
.art.small{max-width:300px}
.paper{position:relative;margin:0;background:var(--paper);color:var(--ink);padding:10px 10px 12px;box-shadow:0 10px 26px rgba(0,0,0,.65),0 1px 0 rgba(255,255,255,.2) inset}
.paper::before{content:"";position:absolute;left:50%;top:-11px;width:76px;height:20px;margin-left:-38px;background:rgba(224,214,182,.55);rotate:-3deg;box-shadow:0 1px 2px rgba(0,0,0,.35)}
.paper img{display:block;width:100%;height:auto;background:#bdb398}
.paper figcaption{font-family:var(--type);font-size:11.5px;line-height:1.5;color:var(--dim);margin-top:9px}
.paper .lab{display:inline-block;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--ink);padding:1px 6px;margin-right:4px;font-size:10px}
.paper .cap-t{color:var(--ink)}.paper .cr{display:block;margin-top:3px;font-size:10.5px;color:var(--dim)}
.svgwrap{background:#e6dcc4}.svgwrap svg{display:block;width:100%;height:auto}
.maprow .paper img{filter:contrast(1.02)}
.monitor{margin:0;background:#12110f;border:1px solid #2c2820;padding:10px 10px 12px;box-shadow:0 14px 30px rgba(0,0,0,.7)}
.screen{position:relative;background:#000;aspect-ratio:4/3}
.art.small .screen{aspect-ratio:16/9}
.screen video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.pp{position:absolute;left:50%;top:50%;translate:-50% -50%;font-family:var(--type);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:rgba(10,9,8,.82);border:1px solid rgba(217,180,106,.7);padding:14px 22px;min-height:48px;min-width:48px;cursor:pointer}
.monitor.playing .pp{left:8px;top:auto;bottom:8px;translate:none;padding:8px 14px;min-height:44px;opacity:.85}
.monitor figcaption{font-family:var(--type);font-size:11.5px;line-height:1.5;color:var(--ddim);margin-top:10px}
.monitor .lab{display:inline-block;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:#0a0908;padding:1px 6px;margin-right:4px;font-size:10px;font-weight:400}
.monitor .cap-t{color:var(--dink)}.monitor .cr{display:block;margin-top:3px;font-size:10.5px}

.slip{position:relative;background:var(--s1);color:var(--ink);border:1px solid var(--line);border-left:6px solid var(--c,#555);padding:11px 13px 6px;box-shadow:0 8px 20px rgba(0,0,0,.55)}
.k-VERIFIED_FACT{--c:var(--c-VERIFIED_FACT)}.k-OFFICIAL_RECORD{--c:var(--c-OFFICIAL_RECORD)}.k-DOCUMENTED_TESTIMONY{--c:var(--c-DOCUMENTED_TESTIMONY)}.k-ALLEGATION{--c:var(--c-ALLEGATION)}
.k-REPORTED{--c:var(--c-REPORTED)}.k-DISPUTED{--c:var(--c-DISPUTED)}.k-UNVERIFIED{--c:var(--c-UNVERIFIED)}.k-THEORY{--c:var(--c-THEORY)}.k-FOLKLORE{--c:var(--c-FOLKLORE)}
.slip .meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-bottom:6px;font-family:var(--type);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.slip .lane{color:var(--dim);border-bottom:1px dotted var(--dim)}
.slip .tag{color:var(--c);border:1.5px solid var(--c);padding:0 6px}
.slip .ev{color:var(--dim);font-style:italic;text-transform:none;letter-spacing:.02em}
.slip p{font-size:16px;line-height:1.45}
.slip details{margin-top:6px}
.slip summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;font-family:var(--type);font-size:11.5px;letter-spacing:.06em;color:var(--pen);text-decoration:underline;text-underline-offset:3px}
.slip summary::-webkit-details-marker{display:none}
.slip summary::before{content:"+";display:inline-block;width:16px;text-decoration:none}
.slip details[open] summary::before{content:"\2212"}
.slip .src{font-size:14px;line-height:1.45;color:var(--dim);border-top:1px dashed var(--line);padding:8px 0 10px}
.slip .src a{color:var(--pen);display:inline-block;padding:10px 4px;margin:-6px 0}
.k-DISPUTED{--c:#7f4a06}
.hwrap .brand{padding:12px 0}
.slip.off1{margin-left:18px}.slip.off2{margin-left:36px}
.slip.big{padding:16px 16px 8px}.slip.big p{font-size:19px;line-height:1.4}
.pen{font-family:var(--hand);font-weight:500;font-size:26px;line-height:1;color:#a9c0ee;opacity:.95;padding:2px 4px}
.p1{rotate:-3deg}.p2{rotate:2deg;margin-left:30px}.p3{rotate:-2deg}.p4{rotate:3deg;margin-left:24px}.p5{rotate:-2deg}.p6{rotate:2deg}
.p7{rotate:-3deg;margin-left:40px}.p8{rotate:2deg}.p9{rotate:-2deg}.p10{rotate:3deg;margin-left:20px}.p11{rotate:-2deg}.p12{rotate:2deg}
.tag-card{font-family:var(--type);text-transform:uppercase;letter-spacing:.14em;font-size:11px;border:1px solid rgba(217,180,106,.5);color:var(--gold);padding:8px 12px;display:flex;flex-direction:column;gap:2px;background:rgba(10,9,8,.7)}
.tag-card b{font-weight:400;font-size:12px}.tag-card span{color:var(--ddim);font-size:10px;letter-spacing:.1em}
.more{font-family:var(--type);font-size:12px;letter-spacing:.06em}.more a{color:var(--gold);display:inline-block;padding:10px 0;text-underline-offset:3px}
.closing{position:relative;z-index:1;max-width:620px;margin:20px auto 0;padding:0 24px}
.principle{font-family:var(--serif);font-size:clamp(22px,4.4vw,32px);line-height:1.3;color:#e6dfcb;text-align:center;border-top:1px solid rgba(217,180,106,.4);border-bottom:1px solid rgba(217,180,106,.4);padding:28px 4px}
.principle i{color:var(--gold)}

/* reveal only when JS runs; always visible otherwise */
.js [data-rv]{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s ease}
.js [data-rv].in{opacity:1;translate:0 0}

/* ---- inside the handbook ---- */
.inside{position:relative;z-index:1;padding:90px 14px 60px}
.isheet{max-width:780px;margin:0 auto;background:var(--paper);color:var(--ink);padding:34px 24px 38px;box-shadow:0 18px 50px rgba(0,0,0,.7);position:relative}
.isheet::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background:rgba(160,50,40,.3)}
.isheet a{color:var(--pen)}
.ilbl{font-family:var(--type);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.isheet h2{font-family:var(--serif);text-transform:none;letter-spacing:0;font-size:clamp(26px,5vw,38px);line-height:1.15;color:var(--ink);border:0;padding:0;margin:8px 0 16px}
.isheet .lead{font-size:18px;line-height:1.5}
.isheet h3.ih{font-family:var(--type);text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:6px;margin:32px 0 12px}
.isheet p+p{margin-top:12px}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:1fr}
.legend-item{background:var(--s1);border:1px solid var(--line);border-left:6px solid var(--c,#555);padding:10px 12px}
.legend-item .tag,.legend-item .lane{display:inline-block;font-family:var(--type);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.legend-item .tag{color:var(--c)}.legend-item .lane{color:var(--dim)}.legend-item p{font-size:15px;line-height:1.4;margin:0}
.legend-item.lane-i{--c:#8b8068}
.tiers{margin-top:30px}
.isheet .n{font-family:var(--type);font-size:13px;margin-top:14px}
.isheet .go{margin-top:6px}
.foot{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:10px 20px calc(90px + env(safe-area-inset-bottom));color:var(--ddim);font-size:14px;line-height:1.5}
.foot p+p{margin-top:10px}.foot a{color:var(--gold)}

@media (min-width:640px){.legend{grid-template-columns:1fr 1fr}.isheet{padding:44px 44px 48px}.isheet::before{left:20px}}
@media (min-width:980px){
.dnav{display:flex}.mnav{display:none}
.stage{display:grid;grid-template-columns:1fr minmax(300px,380px) 1fr;column-gap:clamp(8px,2vw,28px);align-items:start;padding-inline:clamp(12px,2.5vw,40px)}
.stage>.deep{grid-column:1/-1}
.core{grid-column:2;grid-row:1/8;align-self:stretch}
.stick{position:sticky;top:48px}
.trail{display:contents}
.art{margin:0 0 90px;max-width:410px}
.side-l{grid-column:1;justify-self:end}.side-r{grid-column:3;justify-self:start}
.trail .art:nth-child(1),.trail .art:nth-child(2){grid-row:1}
.trail .art:nth-child(3),.trail .art:nth-child(4){grid-row:2}
.trail .art:nth-child(5),.trail .art:nth-child(6){grid-row:3}
.trail .art:nth-child(7),.trail .art:nth-child(8){grid-row:4}
.trail .art:nth-child(9),.trail .art:nth-child(10){grid-row:5}
.trail .art:nth-child(11),.trail .art:nth-child(12){grid-row:6}
.trail .art.l{margin-top:170px}.trail .art:nth-child(1){margin-top:22vh;justify-self:end;max-width:330px}.trail .art:nth-child(2){margin-top:46vh;justify-self:start;max-width:330px}
.closing{grid-column:1/-1;grid-row:8;padding-top:20px}
.t-2,.t2{rotate:0deg}
.trail .art:nth-child(4n+1){rotate:-1.6deg}.trail .art:nth-child(4n+2){rotate:1.4deg}.trail .art:nth-child(4n+3){rotate:1.8deg}.trail .art:nth-child(4n){rotate:-1.2deg}
.frag{max-width:260px;font-size:16px}
}
@media (max-width:979px){
.trail .art:nth-child(odd){margin-left:auto;margin-right:2px;max-width:92%}
.trail .art:nth-child(even){margin-right:auto;margin-left:2px;max-width:92%}
.trail .art.small{max-width:78%}
.frag{max-width:150px;font-size:13px;opacity:.16}
.frag.f1,.frag.f2,.frag.f4,.frag.f6,.frag.f8{display:none}
.tab{padding:12px 14px;font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.js [data-rv]{opacity:1;translate:0 0}
.deep{will-change:auto}
}