/* Archive and Dead Drops experimental surfaces */
.archive-hero{
  background:
    linear-gradient(90deg,rgba(3,5,10,.98),rgba(3,5,10,.64)),
    url('/assets/archive-room.svg') center/cover no-repeat;
  min-height:58vh;
  display:flex;
  align-items:end;
}
.archive-hero .narrow,.drop-hero .narrow{padding-block:clamp(5rem,10vw,8rem)}
.archive-hero h1,.drop-hero h1{margin:0;font-size:clamp(4rem,12vw,9rem);line-height:.82;letter-spacing:-.07em}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.archive-card{position:relative;min-height:420px;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid rgba(80,244,255,.15);background:linear-gradient(145deg,rgba(10,15,27,.94),rgba(6,8,14,.98));overflow:hidden}
.archive-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(80,244,255,.018) 49%,transparent 50%),linear-gradient(0deg,transparent 0 48%,rgba(255,63,215,.016) 49%,transparent 50%);background-size:34px 34px;pointer-events:none}
.archive-card>*{position:relative}
.archive-card h2{margin:.25rem 0 1rem;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;letter-spacing:-.04em}
.archive-card p{color:var(--muted)}
.archive-card blockquote{margin:1.5rem 0 0;padding:1rem 1.2rem;border-left:2px solid var(--cyan);background:rgba(80,244,255,.04);color:#dbefff;font:600 .92rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.archive-card:nth-child(3n+2){border-color:rgba(255,63,215,.19)}
.archive-card:nth-child(3n+2) .eyebrow{color:#ff8aea}
.archive-card:nth-child(3n){border-color:rgba(183,255,85,.16)}
.drop-body{background:radial-gradient(circle at 50% 0,rgba(255,63,215,.055),transparent 35rem),#030409}
.drop-hero{background:repeating-linear-gradient(0deg,rgba(80,244,255,.02) 0,rgba(80,244,255,.02) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 82% 30%,rgba(255,63,215,.14),transparent 26rem),#04050b;min-height:52vh;display:flex;align-items:end}
.drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.drop-card{min-height:250px;padding:1.25rem;border:1px solid rgba(255,255,255,.09);background:#070a11;position:relative;overflow:hidden}
.drop-card:after{content:"";position:absolute;width:110px;height:110px;right:-55px;bottom:-55px;border:1px solid rgba(80,244,255,.1);transform:rotate(45deg)}
.drop-card span{color:var(--magenta);font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em}
.drop-card h2{margin:.9rem 0 .7rem;font-size:1.35rem;line-height:1.08;letter-spacing:-.025em}
.drop-card p{color:var(--muted);font-size:.9rem}
.drop-card:nth-child(even) span{color:var(--cyan)}
.drop-card:nth-child(4n) span{color:var(--lime)}
@media(max-width:980px){.archive-grid{grid-template-columns:1fr}.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.drop-grid{grid-template-columns:1fr}.archive-card{min-height:0}.archive-hero,.drop-hero{min-height:auto}}


/* Dense archive dossier surfaces */
.archive-dashboard-section{background:radial-gradient(circle at 20% 0,rgba(183,255,85,.055),transparent 28rem)}
.archive-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.archive-metric{border:1px solid rgba(183,255,85,.16);background:linear-gradient(180deg,rgba(9,15,10,.95),rgba(4,8,5,.98));padding:1.15rem;min-height:150px}
.archive-metric strong{display:block;color:#eef8f0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;letter-spacing:-.045em}
.archive-metric span{display:block;margin:.55rem 0 .45rem;color:var(--lime);font:800 .65rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.archive-metric small{display:block;color:var(--dim);line-height:1.5}
.archive-metric.warning{border-color:rgba(217,176,95,.28)}
.archive-metric.warning span{color:#d9b05f}
.archive-status-bar{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.7rem;margin-top:.8rem}
.archive-status-bar span{border-top:1px solid var(--line);padding:.75rem .2rem 0;color:var(--dim);font-size:.78rem;line-height:1.45}
.archive-status-bar b{display:block;margin-bottom:.2rem;color:var(--text);font:800 .58rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em}

.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.release-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(8,15,10,.96),rgba(3,7,5,.99));padding:1.15rem;position:relative;overflow:hidden}
.release-card:after{content:"";position:absolute;right:-44px;bottom:-44px;width:105px;height:105px;border:1px solid rgba(183,255,85,.08);transform:rotate(45deg)}
.release-top{display:flex;justify-content:space-between;gap:1rem;color:var(--lime);font:800 .61rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em}
.release-card h3{margin:.7rem 0 .85rem;font-size:1.35rem}
.release-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.85rem}
.release-stats div{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015);padding:.65rem}
.release-stats b,.release-stats small{display:block}
.release-stats b{font-size:.95rem;color:#ecf3ee}.release-stats small{margin-top:.2rem;color:var(--dim);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
.release-card p{color:var(--muted);font-size:.88rem}
.release-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-top:1px solid var(--line);padding-top:.8rem;margin-top:1rem}
.release-foot a{color:var(--cyan);font:800 .65rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none}
.archive-state{color:#d9b05f;font:800 .58rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em}

.archive-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.archive-media-card{display:grid;grid-template-rows:180px 1fr;min-height:390px;border:1px solid var(--line);background:#050906;text-decoration:none;color:inherit;overflow:hidden}
.archive-media-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.04) brightness(.78);transition:transform .25s ease,filter .25s ease}
.archive-media-card>div{padding:1rem;display:flex;flex-direction:column}
.archive-media-card span{color:var(--lime);font:800 .6rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.11em}
.archive-media-card h3{margin:.55rem 0 .65rem;font-size:1.12rem;line-height:1.08}
.archive-media-card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.5}
.archive-media-card small{display:block;margin-top:auto;padding-top:.85rem;color:var(--dim);font:650 .68rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.archive-media-card:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.05) brightness(.9)}
.archive-media-card:hover{border-color:rgba(80,244,255,.28)}

.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.dossier-card{display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,13,9,.97),rgba(3,6,4,.99));overflow:hidden}
.dossier-card img{width:100%;height:100%;min-height:260px;object-fit:cover;filter:saturate(.7) contrast(1.06) brightness(.75)}
.dossier-body{padding:1rem}
.dossier-body>span{color:var(--lime);font:800 .59rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em}
.dossier-body h3{margin:.45rem 0 .75rem;font-size:1.25rem}
.dossier-body p{margin:.45rem 0;color:var(--muted);font-size:.84rem;line-height:1.5}
.dossier-body b{color:#dbe7dd}
.dossier-body a{display:inline-block;margin-top:.6rem;color:var(--cyan);font:800 .65rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none}

@media(max-width:980px){
  .archive-metric-grid,.archive-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dossier-grid{grid-template-columns:1fr}
  .archive-status-bar{grid-template-columns:1fr}
}
@media(max-width:700px){
  .archive-metric-grid,.release-grid,.archive-media-grid{grid-template-columns:1fr}
  .dossier-card{grid-template-columns:1fr}
  .dossier-card img{height:220px;min-height:0}
  .release-stats{grid-template-columns:1fr 1fr 1fr}
}