:root{
  --ink:#0b0f0d;
  --paper:#d8cfb2;
  --yellow:#e4b32d;
  --muted:#8d8a78;
  --line:rgba(216,207,178,.24);
  --red:#8c3d2c;
  --terminal:rgba(8,12,10,.78);
}
*{box-sizing:border-box}
html{background:var(--ink);color:var(--paper);scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;background:
  radial-gradient(circle at 20% 0%, rgba(228,179,45,.05), transparent 34rem),
  #0b0f0d;
  font-family:"Courier New",Courier,monospace;
  letter-spacing:.025em;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.16;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.06),transparent 1px);
  background-size:auto,7px 7px;
  mix-blend-mode:screen;
}
a{color:inherit}
::selection{background:var(--yellow);color:var(--ink)}
.wrap{width:min(1180px,calc(100% - 34px));margin:auto}
.topline{
  display:flex;gap:16px;justify-content:space-between;align-items:center;
  padding:18px 0 12px;font-size:11px;text-transform:uppercase;color:#a9a58f
}
.status-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px rgba(228,179,45,.7);margin-right:8px}
.hero{position:relative;min-height:min(78vh,820px);border:1px solid var(--line);overflow:hidden;background:#0a0d0c}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-image,.signal-copy{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover}
.hero-image{filter:saturate(.62) contrast(.93) brightness(.69) sepia(.08)}
.signal-copy{
  opacity:0;mix-blend-mode:screen;filter:saturate(.8) contrast(1.05);
  transform:scaleX(-1) scale(1.03);clip-path:polygon(0 14%,100% 7%,100% 72%,0 82%);
  transition:opacity 80ms linear,transform 120ms linear;
}
.hero.signal-burst .signal-copy{
  opacity:.17;transform:scaleX(-1) translateX(9px) scale(1.045);
}
.hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.5),transparent 32%,transparent 76%,rgba(0,0,0,.23)),
    linear-gradient(0deg,rgba(4,7,6,.72),transparent 44%,rgba(5,8,7,.28));
}
.eye-veil{
  position:absolute;left:0;right:0;top:29%;height:19%;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(18,22,20,.10) 30%,rgba(18,22,20,.18) 50%,rgba(18,22,20,.08) 70%,transparent);
  transform-origin:center;opacity:.15;
}
.hero.blink .eye-veil{animation:blinkBand .21s steps(2,end) 1}
@keyframes blinkBand{
  0%{transform:scaleY(1);opacity:.08}
  44%{transform:scaleY(.06);opacity:.78}
  70%{transform:scaleY(.02);opacity:.88}
  100%{transform:scaleY(1);opacity:.08}
}
.prism{
  position:absolute;inset:-10%;z-index:2;pointer-events:none;opacity:.18;
  background:
    linear-gradient(114deg,transparent 0 36%,rgba(255,55,35,.28) 38%,rgba(255,215,70,.16) 39%,rgba(68,205,255,.18) 41%,transparent 43% 100%);
  transform:translateX(-28%);
  filter:blur(8px);
}
.hero.signal-burst .prism{animation:prismSweep .5s ease-out}
@keyframes prismSweep{from{transform:translateX(-42%)}to{transform:translateX(26%)}}
.hero-copy{
  position:relative;z-index:5;min-height:min(78vh,820px);padding:42px 42px 34px;
  display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;
}
.logo{
  margin:0;color:var(--yellow);font-family:Arial Black,Arial,sans-serif;font-weight:900;
  font-size:clamp(4rem,11.5vw,10rem);line-height:.73;letter-spacing:-.085em;
  text-transform:none;text-shadow:0 7px 24px rgba(0,0,0,.28);
  max-width:620px;
}
.logo span{display:block}
.hero-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.catalogue{
  background:rgba(10,14,12,.42);backdrop-filter:blur(2px);padding:14px 15px;border-left:2px solid var(--yellow);
  font-size:12px;line-height:1.6;text-transform:uppercase;max-width:360px
}
.catalogue b{color:var(--yellow);font-weight:normal}
.calibrate{
  pointer-events:auto;border:0;background:none;color:rgba(216,207,178,.56);font:inherit;font-size:10px;
  text-transform:uppercase;letter-spacing:.14em;padding:12px 0;cursor:pointer
}
.calibrate:hover{color:var(--yellow)}
.terminal{
  border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:22px 26px;background:var(--terminal);font-size:12px;line-height:1.8
}
.cursor{display:inline-block;width:7px;height:1em;background:var(--yellow);vertical-align:-2px;animation:cursor 1.1s steps(1) infinite}
@keyframes cursor{50%{opacity:0}}

.primary-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  margin-top:18px;
  border:1px solid var(--line);
  background:var(--line);
}
.primary-action{
  position:relative;
  min-height:250px;
  padding:30px 32px 27px;
  background:#0c100e;
  text-decoration:none;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:background .16s ease,color .16s ease;
}
.primary-action:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background:
    repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.06) 8px 9px),
    linear-gradient(115deg,transparent 0 58%,rgba(228,179,45,.22) 59%,transparent 61%);
  pointer-events:none;
}
.primary-action:hover,
.primary-action:focus-visible{
  background:#111711;
  color:var(--yellow);
  outline:none;
}
.primary-action:hover:before{
  opacity:.23;
  animation:actionSignal .42s steps(4,end) 1;
}
@keyframes actionSignal{
  0%{transform:translateX(0)}
  25%{transform:translateX(8px)}
  50%{transform:translateX(-6px)}
  75%{transform:translateX(4px)}
  100%{transform:translateX(0)}
}
.primary-kicker{
  position:relative;
  z-index:2;
  font-size:10px;
  letter-spacing:.18em;
  color:#777a6f;
}
.primary-title{
  position:relative;
  z-index:2;
  margin:18px 0;
  font-family:Georgia,serif;
  font-weight:normal;
  font-size:clamp(22px,3vw,36px);
  line-height:1;
  letter-spacing:0;
  color:#d9d1b9;
  text-transform:none;
}
.contact-link .primary-title{color:#d9d1b9}
.primary-action:hover .primary-title{color:var(--yellow)}
.primary-meta{
  position:relative;
  z-index:2;
  font-size:9px;
  line-height:1.6;
  letter-spacing:.10em;
  color:#77796e;
  text-transform:uppercase;
}

.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:58px}
.panel{background:#0c100e;padding:30px;min-width:0}
.panel h2,.page-title{font-size:12px;text-transform:uppercase;font-weight:normal;letter-spacing:.19em;color:var(--yellow);margin:0 0 22px}
.archive-row{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:start}
.archive-row:first-of-type{border-top:0}
.archive-no{color:#66685e;font-size:11px}
.archive-title{font-family:Georgia,serif;font-size:clamp(22px,3vw,36px);line-height:1;margin:-5px 0 8px;color:#d9d1b9}
.archive-title small{display:block;font-family:"Courier New",monospace;font-size:10px;margin-top:12px;color:#888777;text-transform:uppercase;letter-spacing:.12em}
.archive-action{font-size:10px;text-transform:uppercase;white-space:nowrap;text-decoration:none;border-bottom:1px solid #696858;padding-bottom:4px}
.archive-action:hover{color:var(--yellow);border-color:var(--yellow)}
.transmission-form label,.contact-form label{display:block;font-size:10px;text-transform:uppercase;color:#898777;margin-bottom:7px}
input,textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid #55584d;border-radius:0;color:var(--paper);
  padding:11px 2px;font:14px "Courier New",monospace;outline:none
}
input:focus,textarea:focus{border-color:var(--yellow)}
textarea{min-height:150px;resize:vertical;border:1px solid #55584d;padding:12px}
.form-row{margin:15px 0}
button.submit,.terminal-button{
  appearance:none;background:transparent;border:1px solid #646458;color:var(--paper);font:11px "Courier New",monospace;
  text-transform:uppercase;letter-spacing:.12em;padding:12px 15px;cursor:pointer;text-decoration:none;display:inline-block
}
button.submit:hover,.terminal-button:hover{border-color:var(--yellow);color:var(--yellow)}
.form-status{font-size:10px;margin-top:12px;min-height:15px;color:var(--yellow)}
.privacy{font-size:9px;color:#6e6f64;line-height:1.55}
.site-footer{padding:48px 0 34px;font-size:9px;color:#5f6258;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase}
.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--yellow)}
.page-shell{min-height:100vh;padding-bottom:40px}
.page-nav{padding:20px 0;font-size:10px;text-transform:uppercase;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}
.page-nav a{text-decoration:none}.page-nav a:hover{color:var(--yellow)}
.cover-block{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.7fr);gap:38px;align-items:start;padding:46px 0}
.cover-image-wrap{position:relative;overflow:hidden;border:1px solid var(--line)}
.cover-image-wrap img{display:block;width:100%;height:auto;filter:saturate(.72) contrast(.94)}
.cover-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,182,38,.08) 44%,rgba(60,170,255,.06) 46%,transparent 49%);pointer-events:none}
.data-block{font-size:11px;line-height:2;color:#aaa795}
.data-block strong{color:var(--paper);font-weight:normal}
.player{margin:26px 0;padding:15px;border:1px solid var(--line)}
.player-line{display:flex;gap:12px;align-items:center}
.play{width:40px;height:40px;border:1px solid #67675d;background:transparent;color:var(--yellow);cursor:pointer;font-size:14px}
.seek{flex:1;accent-color:var(--yellow)}
.time{font-size:9px;color:#77786d;width:78px;text-align:right}
.download-note{font-size:9px;color:#74766b;margin-top:10px;line-height:1.6}
.occurrences{padding:52px 0}
.occurrence{border-top:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:110px 1fr;gap:28px}
.occurrence-code{font-size:10px;color:#676a60}
.occurrence h3{font-family:Georgia,serif;font-weight:normal;font-size:26px;margin:0 0 12px}
.occurrence pre{white-space:pre-wrap;font:11px/1.8 "Courier New",monospace;color:#8f8d7d;margin:0}
.unverified{color:var(--red);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.ghost-link{opacity:.18;text-decoration:none}.ghost-link:hover{opacity:1;color:var(--yellow)}
.hidden-bot{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
.archive-secret{min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center}
.archive-secret .message{max-width:650px;font-size:11px;line-height:2;color:#6f7167}
#delayed{opacity:0;transition:opacity 4s ease;color:#b6b19a}
#delayed.visible{opacity:1}
body.calibration-mode .hero-media{
  animation:recalibrateFrame .34s steps(5,end) infinite;
}
body.calibration-mode .hero-image{
  filter:saturate(1.55) contrast(1.22) brightness(.78) hue-rotate(11deg);
  transform:scale(1.035);
}
body.calibration-mode .signal-copy{
  opacity:.42;
  clip-path:polygon(0 3%,100% 0,83% 32%,100% 46%,70% 64%,100% 100%,0 94%,18% 61%,0 44%,26% 22%);
  transform:scaleX(-1) translateX(16px) scale(1.06);
  filter:saturate(1.7) contrast(1.2) hue-rotate(28deg);
}
body.calibration-mode .prism{
  opacity:.58;
  filter:blur(3px);
  animation:recalibratePrism .42s steps(4,end) infinite;
}
body.calibration-mode .hero:before{
  content:"CALIBRATION / VECTOR FAILURE / 57°03'N";
  position:absolute;z-index:20;left:50%;top:50%;
  transform:translate(-50%,-50%);
  color:#fff;background:rgba(0,0,0,.88);
  padding:7px 9px;font-size:10px;letter-spacing:.18em;
  white-space:nowrap;
}
@keyframes recalibrateFrame{
  0%{transform:translate(0,0) scale(1)}
  20%{transform:translate(7px,-2px) scaleX(-1.005)}
  40%{transform:translate(-5px,3px) skewX(.8deg) scale(1.012)}
  60%{transform:translate(3px,1px) scaleX(-1.01)}
  80%{transform:translate(-2px,-3px) skewY(.5deg)}
  100%{transform:translate(0,0) scale(1)}
}
@keyframes recalibratePrism{
  0%{transform:translateX(-38%) rotate(-1deg)}
  50%{transform:translateX(18%) rotate(1deg)}
  100%{transform:translateX(-9%) rotate(0)}
}
}
@media (max-width:760px){
  .primary-actions{grid-template-columns:1fr}
  .primary-action{min-height:195px;padding:24px 20px}

  .hero-copy{padding:24px 20px 20px;min-height:72vh}
  .logo{font-size:clamp(4.2rem,23vw,7.7rem)}
  .hero-meta{align-items:flex-start;flex-direction:column}
  .grid,.cover-block{grid-template-columns:1fr}
  .panel{padding:23px 20px}
  .archive-row{grid-template-columns:34px 1fr}.archive-action{grid-column:2}
  .occurrence{grid-template-columns:1fr;gap:9px}
  .topline .right-status{display:none}
  .site-footer{flex-direction:column}
}

.occurrences-link .primary-title{color:var(--yellow)}

.next-broadcast{
  margin:10px 0 36px;
  font-family:Georgia,serif;
  font-size:clamp(22px,3vw,36px);
  line-height:1.1;
  color:#d9d1b9;
}
.next-broadcast span{
  color:var(--yellow);
  text-decoration:none;
  border-bottom:1px solid rgba(228,179,45,.45);
}