/* The opening sequence is deliberately typography-only. */
html[data-archive-intro] body{overflow:hidden}
html[data-archive-intro="pending"] .page,
html[data-archive-intro="running"] .page{visibility:hidden}
.archive-intro{position:fixed;inset:0;z-index:10000;isolation:isolate;visibility:visible;color:#101010;font-family:Arial,"Helvetica Neue",sans-serif;overflow:hidden;outline-offset:-6px}
.archive-intro[hidden]{display:none!important}
.archive-intro *{box-sizing:border-box}
.archive-intro-curtain{position:absolute;inset-inline:0;height:50.2%;background:#fff}
.archive-intro-curtain.top{top:0}
.archive-intro-curtain.bottom{bottom:0}
.archive-intro-index{position:absolute;top:11%;left:7%;right:7%;display:flex;justify-content:space-between;gap:16px;font:10px/1.5 "Courier New",monospace;letter-spacing:.12em}
.archive-intro-index span:last-child{color:#6d6d6d}
.archive-intro-rule{position:absolute;top:16%;left:7%;width:86%;height:1px;background:#101010;transform-origin:left}
.archive-intro-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.archive-intro-brand-line{overflow:hidden;padding:0 .07em .07em;font-family:"Segoe UI Light","Helvetica Neue",Arial,sans-serif;font-size:clamp(43px,10.3vw,160px);font-weight:200;line-height:.99;letter-spacing:-.065em;white-space:nowrap}
.archive-intro-brand-line span{display:inline-block;opacity:0;will-change:transform}
.archive-intro-sub{font:10px/1.6 "Courier New",monospace;letter-spacing:.17em;margin-top:23px;text-align:center;opacity:0}
.archive-intro-label{position:absolute;left:7%;bottom:9%;font:10px/1.5 "Courier New",monospace;letter-spacing:.12em;color:#6d6d6d}
.archive-intro-track{position:absolute;left:7%;right:7%;bottom:6.5%;height:1px;background:#ddd;overflow:hidden}
.archive-intro-track span{display:block;width:100%;height:1px;background:#101010;transform:scaleX(0);transform-origin:left}
.archive-intro-skip{position:absolute;right:7%;bottom:8%;z-index:2;min-height:44px;border:0;padding:10px 0 10px 15px;background:#fff;color:#101010;font:10px/1.6 "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.archive-intro-skip:focus-visible,.archive-intro-replay:focus-visible{outline:3px solid #2a6e9a;outline-offset:4px}
.archive-intro-replay{display:inline-block;border:0;background:none;padding:8px 0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer}
.archive-intro-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:540px){
 .archive-intro-index{top:14%;font-size:9px;right:9%}
 .archive-intro-index span:last-child{display:none}
 .archive-intro-rule{top:19%}
 .archive-intro-sub{font-size:9px;letter-spacing:.1em}
 .archive-intro-label{font-size:9px;max-width:54%}
}