:root { --paper:#e6ddce; --ink:#12120f; --rust:#bf6943; --blood:#a63127; --muted:#968b7c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:"Space Grotesk",Arial,sans-serif; overflow-x:hidden; }
body::selection { background:var(--rust); color:var(--ink); }
.password-gate { position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:24px; overflow:hidden; background:radial-gradient(circle at 70% 5%,rgba(142,64,41,.24),transparent 29%),#11100e; transition:opacity .45s ease,visibility .45s ease; }
.password-gate::before { content:""; position:absolute; inset:0; opacity:.12; background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.15)),url("ChatGPT%20Image%2020%20%D1%81%D0%B5%D0%BD%D1%82.%202026%20%D0%B3.%2C%2001_01_42.png") 90% center/cover; filter:grayscale(1); }
.gate-content { position:relative; width:min(570px,100%); padding:clamp(30px,6vw,70px); border:1px solid #746b5e; background:rgba(20,19,16,.9); box-shadow:14px 14px 0 var(--blood); }
.gate-content h1 { font-size:clamp(80px,14vw,150px); margin:15px 0 27px; }.gate-copy { color:#d1c4b5; font:14px/1.45 "DM Mono",monospace; letter-spacing:.05em; }
#password-form { margin-top:42px; } #password-form label { display:block; margin-bottom:9px; color:#af9f8e; font:11px "DM Mono",monospace; letter-spacing:.08em; }.password-row { display:flex; }.password-row input { min-width:0; flex:1; padding:14px; color:var(--paper); outline:0; border:1px solid #746b5e; border-right:0; background:#12110e; font:18px "DM Mono",monospace; letter-spacing:.15em; }.password-row input:focus { border-color:var(--paper); }.password-row button { padding:0 17px; border:1px solid var(--paper); color:var(--ink); background:var(--paper); font:11px "DM Mono",monospace; cursor:pointer; }.password-row button:hover { color:var(--paper); background:var(--blood); border-color:var(--blood); }.password-error { min-height:17px; margin:10px 0 0; color:#e15d45; font:10px "DM Mono",monospace; }.gate-footer { margin:42px 0 0; color:#a99d8d; font:10px "DM Mono",monospace; }.gate-footer i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#ca4d35; box-shadow:0 0 11px #ca4d35; }
body.locked > header,body.locked > main,body.locked > footer { filter:blur(9px); pointer-events:none; user-select:none; }.password-gate[aria-hidden="true"] { opacity:0; visibility:hidden; pointer-events:none; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.07; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.scanline { position:fixed; left:0; right:0; height:1px; z-index:21; pointer-events:none; background:rgba(255,255,255,.14); box-shadow:0 0 12px rgba(255,210,160,.18); animation:scan 9s linear infinite; }
@keyframes scan { from { top:-5%; } to { top:105%; } }
.site-header { height:74px; padding:0 clamp(20px,4vw,64px); position:absolute; z-index:5; width:100%; display:flex; gap:32px; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(230,221,206,.24); }
.brand { color:var(--paper); text-decoration:none; font-size:clamp(25px,3vw,42px); line-height:1; font-weight:700; letter-spacing:-.11em; }
.brand span { font:10px "DM Mono",monospace; vertical-align:top; margin-left:7px; letter-spacing:0; }
.header-readout, nav, .eyebrow, .section-kicker, .vitals span, .hero-bottom, .hero-stamp, .subject-card span, .subject-card b, .incident span, time, .panel-label, .contract-row, footer p, .dialog-status { font:11px/1.2 "DM Mono",monospace; letter-spacing:.08em; }
.header-readout { color:#d6c9ba; margin-left:auto; } .header-readout i, .vitals i, .dialog-status i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#ca4d35; box-shadow:0 0 11px #ca4d35; }
nav { display:flex; gap:20px; } nav a { color:var(--paper); text-decoration:none; } nav a:hover { color:var(--rust); }
.hero { isolation:isolate; min-height:100svh; position:relative; display:flex; align-items:flex-end; padding:clamp(110px,15vh,190px) clamp(20px,8vw,130px); overflow:hidden; }
.hero-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; animation:slow-zoom 18s ease-in-out infinite alternate; } @keyframes slow-zoom { to { transform:scale(1.055); } }
.hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(9,8,7,.85) 0%,rgba(9,8,7,.47) 46%,rgba(9,8,7,.08) 100%),linear-gradient(0deg,rgba(9,8,7,.92),transparent 53%); }
.hero-copy { max-width:800px; }.eyebrow { color:#c8b9a8; margin:0 0 18px; }
h1,h2,h3,p { margin-top:0; } h1 { margin:0; color:#e7d7c5; font-size:clamp(88px,17vw,282px); letter-spacing:-.125em; line-height:.72; font-weight:700; text-shadow:3px 3px 0 rgba(97,49,31,.65); }
.tagline { color:var(--paper); font-size:clamp(17px,2vw,26px); margin:30px 0; font-weight:500; letter-spacing:-.03em; }.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.button { font:500 12px "DM Mono",monospace; letter-spacing:.05em; border:1px solid var(--paper); padding:15px 18px; color:var(--paper); display:inline-flex; gap:22px; justify-content:space-between; text-decoration:none; background:transparent; cursor:pointer; transition:.2s ease; }.button:hover { transform:translate(-3px,-3px); box-shadow:4px 4px 0 var(--paper); }.button-primary { background:var(--paper); color:var(--ink); border-color:var(--paper); }.button-primary:hover { box-shadow:4px 4px 0 var(--rust); }.button span { font-size:16px; line-height:10px; }
.hero-stamp { position:absolute; right:7vw; top:17vh; width:100px; height:100px; padding-top:31px; text-align:center; border:1px solid rgba(230,221,206,.66); border-radius:50%; color:rgba(230,221,206,.8); transform:rotate(13deg); }
.hero-bottom { position:absolute; bottom:24px; left:clamp(20px,4vw,64px); right:clamp(20px,4vw,64px); display:flex; color:#c6bbaf; justify-content:space-between; align-items:center; }.scroll-mark { font:24px "Space Grotesk"; animation:bob 1.5s ease-in-out infinite; } @keyframes bob { 50% { transform:translateY(5px); } }
.vitals { padding:26px clamp(20px,4vw,64px); display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid #444039; background:#191815; }.vitals div { min-height:49px; padding:0 20px; border-left:1px solid #454139; display:flex; flex-direction:column; gap:8px; }.vitals div:first-child { border:0; padding-left:0; }.vitals span { color:var(--muted); }.vitals strong { color:var(--paper); font:500 14px "DM Mono",monospace; letter-spacing:.04em; }
.intro { padding:150px clamp(20px,8vw,130px); background:var(--paper); color:var(--ink); }.section-kicker { color:#9c4935; }.intro-grid { display:grid; grid-template-columns:1.15fr .8fr .78fr; gap:clamp(28px,5vw,80px); align-items:end; }.intro-title p { font:11px "DM Mono",monospace; margin:0 0 19px; }.intro h2,.incidents h2,.statement h2,.acquire h2,#file-dialog h2 { margin:0; font-size:clamp(47px,6.4vw,104px); line-height:.82; letter-spacing:-.09em; }.intro-text { font-size:18px; line-height:1.27; }.intro-text p { margin-bottom:24px; }.intro-text .quote { padding-top:24px; border-top:1px solid #90887c; font-family:"DM Mono",monospace; font-size:13px; }.subject-card { transform:rotate(3deg); position:relative; padding:10px 10px 36px; color:var(--paper); background:#24221d; box-shadow:14px 15px 0 #c8b9a7; }.subject-card img { width:100%; aspect-ratio:1; object-fit:cover; display:block; filter:saturate(.74) contrast(1.14); }.subject-card span { display:block; margin:11px 0 0; font-size:8px; }.subject-card b { position:absolute; right:-25px; bottom:10px; background:var(--blood); padding:7px 9px; transform:rotate(-7deg); font-size:9px; }
.incidents { padding:145px clamp(20px,8vw,130px); background:#171613; }.section-heading { display:grid; grid-template-columns:1.2fr 1.25fr .8fr; gap:32px; align-items:end; margin-bottom:80px; }.section-heading h2 { color:var(--paper); }.section-heading>p:last-child { color:#aca396; font:15px/1.4 "DM Mono",monospace; margin-bottom:3px; }.incident-list { border-top:1px solid #514b41; }.incident { display:grid; grid-template-columns:.7fr 1.1fr 2fr 1.25fr; align-items:center; gap:18px; padding:27px 0; border-bottom:1px solid #514b41; transition:padding .25s ease,background .25s ease; }.incident:hover { padding-left:18px; background:#22201b; }.incident span,time { color:var(--rust); }.incident h3 { margin:0; font-size:16px; }.incident p { color:#c5bcae; font:15px/1.35 "DM Mono",monospace; margin:0; }.incident time { text-align:right; font-size:9px; color:#968b7c; }
.statement { position:relative; min-height:850px; display:grid; align-items:end; padding:100px clamp(20px,8vw,130px); overflow:hidden; }.statement>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:grayscale(.25) contrast(1.12); }.statement-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,11,9,.93),rgba(12,11,9,.34) 68%),linear-gradient(0deg,rgba(12,11,9,.6),transparent 70%); }.statement-copy { position:relative; max-width:780px; }.statement h2 { font-size:clamp(84px,13.5vw,220px); color:#e8d9c5; margin:18px 0 38px; }.statement-copy div { display:flex; flex-wrap:wrap; gap:7px 20px; color:#d7c7b5; font:13px "DM Mono",monospace; }.statement-copy div p { margin:0; }
.acquire { padding:145px clamp(20px,8vw,130px); background:var(--paper); color:var(--ink); display:grid; grid-template-columns:1.2fr .8fr; gap:10vw; }.acquire h2 em { color:var(--blood); font-style:normal; }.acquire-panel { align-self:end; padding:25px; background:#1b1a16; color:var(--paper); box-shadow:12px 12px 0 var(--rust); }.panel-label { color:#a79b8b; display:block; margin-bottom:7px; }.acquire-panel strong { font-size:clamp(42px,6vw,86px); letter-spacing:-.1em; line-height:1; }.contract-row { display:grid; grid-template-columns:75px 1fr auto; gap:8px; margin:25px 0 14px; padding:13px 0; color:#b9b1a6; border-block:1px solid #46423c; }.contract-row code { color:#e0d6c9; font:10px "DM Mono",monospace; }.contract-row button { color:#928879; border:0; background:none; font:10px "DM Mono",monospace; cursor:not-allowed; }.acquire-panel>p { color:#aaa094; font:12px/1.5 "DM Mono",monospace; }.full { width:100%; margin-top:10px; }
footer { padding:29px clamp(20px,4vw,64px); color:#9b9184; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#11100e; } footer .brand { color:var(--paper); font-size:27px; } footer p { margin:0; font-size:9px; }
dialog { max-width:min(570px,calc(100% - 32px)); padding:48px; color:var(--paper); background:#1d1b17; border:1px solid #6a6257; box-shadow:14px 14px 0 var(--rust); }.close-dialog { position:absolute; right:13px; top:9px; color:var(--paper); background:0;border:0;font-size:30px;cursor:pointer; } dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(4px); } #file-dialog h2 { margin:24px 0; } #file-dialog>p:not(.section-kicker) { color:#c7bdae; font:16px/1.4 "DM Mono",monospace; }.dialog-status { color:var(--rust); display:block; margin-top:28px; }.sighting { position:fixed; z-index:25; right:22px; bottom:24px; width:135px; opacity:0; transform:translateY(30px) rotate(4deg); transition:opacity .2s,transform .3s; pointer-events:none; }.sighting.visible { opacity:1; transform:translateY(0) rotate(4deg); }.sighting img { display:block; width:100%; aspect-ratio:1; object-fit:cover; border:3px solid var(--paper); filter:contrast(1.25); }.sighting span { display:block; padding:6px; color:var(--paper); background:var(--blood); font:9px "DM Mono",monospace; text-align:center; }.run-message { position:fixed; z-index:30; bottom:25px; left:50%; width:max-content; max-width:calc(100% - 40px); padding:12px 15px; color:var(--ink); background:var(--paper); font:11px "DM Mono",monospace; transform:translate(-50%,100px); transition:transform .25s; box-shadow:5px 5px 0 var(--blood); }.run-message.show { transform:translate(-50%,0); }
@media (max-width:850px) { .site-header { height:60px; }.header-readout { display:none; } nav { gap:12px; font-size:9px; }.hero { padding-inline:24px; }.hero-stamp { top:90px; right:25px; transform:scale(.72) rotate(13deg); }.vitals { grid-template-columns:repeat(2,1fr); gap:22px 0; }.vitals div:nth-child(odd) { border-left:0; padding-left:0; }.intro,.incidents,.acquire { padding:90px 24px; }.intro-grid,.section-heading,.acquire { grid-template-columns:1fr; }.intro-grid { gap:40px; }.subject-card { width:min(290px,80%); justify-self:end; }.section-heading { margin-bottom:45px; }.incident { grid-template-columns:1fr; gap:10px; }.incident time { text-align:left; }.statement { min-height:620px; padding:80px 24px; }.statement>img { object-position:62% center; }.acquire { gap:60px; } footer { flex-wrap:wrap; } footer p:last-child { display:none; } }
@media (max-width:500px) { .brand { font-size:28px; } nav a:not(:last-child) { display:none; }.hero-bottom span:first-child { display:none; }.hero-bottom { justify-content:space-between; }.vitals { padding:23px 24px; }.vitals div { padding-left:13px; }.vitals strong { font-size:11px; }.hero-actions .button { flex:1; }.button { padding:14px 13px; }.subject-card { justify-self:center; }.acquire-panel { box-shadow:8px 8px 0 var(--rust); }.contract-row { grid-template-columns:1fr auto; }.contract-row code { grid-column:1/2; }.contract-row button { grid-row:1/3; grid-column:2; }.statement-copy div { display:block; }.statement-copy div p { margin:0 0 8px; } }