:root{
  --ice:#eef3f6; --firn:#dfe8ee; --depth:#16323f;
  --wind:#3e7c94; --granite:#55636c;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ice);color:var(--depth);
  font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--wind)}
a:focus-visible{outline:3px solid var(--wind);outline-offset:3px}
code,pre,.mono{font-family:ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace}
.eyebrow{font-family:ui-monospace,monospace;font-size:.72rem;
  letter-spacing:.32em;color:var(--granite);text-transform:uppercase}
.wordmark{font-weight:800;font-size:clamp(2.2rem,7vw,4.6rem);
  letter-spacing:.16em;line-height:1;user-select:none}
.wordmark span{display:inline-block}
.wm2{transform:translateY(2px)}.wm3{transform:translateY(4px)}
.wm4{transform:translateY(7px)}.wm5{transform:translateY(10px)}
.wm6{transform:translateY(13px)}.wm7{transform:translateY(17px)}
.wm8{transform:translateY(21px)}.wm9{transform:translateY(26px)}
.hero{padding:3.2rem 1.4rem 1rem;max-width:1080px;margin:0 auto;
  background:repeating-linear-gradient(105deg,transparent 0 46px,
  rgba(22,50,63,.045) 46px 47px)}
.door{display:grid;grid-template-columns:1fr 1fr;gap:0;
  max-width:1080px;margin:2.2rem auto 0;border:1px solid var(--firn)}
.panel{padding:2.2rem 1.8rem;min-height:340px;display:flex;
  flex-direction:column;gap:1rem}
.panel h2{font-size:1.05rem;letter-spacing:.22em;font-weight:700}
.panel-human{background:var(--ice)}
.panel-machine{background:var(--depth);color:var(--ice)}
.panel-machine a{color:#9fd0e0}
.panel-machine pre{font-size:.85rem;line-height:1.7;white-space:pre-wrap}
.seam{max-width:1080px;margin:0 auto;padding:1rem 1.4rem 3rem;
  text-align:center;color:var(--granite);font-size:.9rem;
  font-family:ui-monospace,monospace;letter-spacing:.08em}
.wrap{max-width:66ch;margin:0 auto;padding:2.6rem 1.4rem}
.wrap h1{font-size:1.9rem;letter-spacing:.04em;margin-bottom:1rem}
.wrap h2{font-size:1rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--wind);margin:2.6rem 0 .8rem}
.wrap p{margin:.75rem 0}
.litany{background:var(--depth);color:var(--ice);padding:1.6rem;
  margin:1.2rem 0;font-family:ui-monospace,monospace;font-size:.88rem;
  line-height:1.9;white-space:pre-wrap}
.filelist{list-style:none;margin:1rem 0}
.filelist li{padding:.55rem 0;border-bottom:1px solid var(--firn)}
.filelist .sum{display:block;color:var(--granite);font-size:.72rem;
  font-family:ui-monospace,monospace;word-break:break-all}
footer{max-width:66ch;margin:0 auto;padding:2.5rem 1.4rem 3.5rem;
  color:var(--granite);font-size:.85rem;
  border-top:1px solid var(--firn)}
@media(max-width:720px){.door{grid-template-columns:1fr}}