/* The first thing a visitor sees, before any script has run: the dark page, the wordmark, a thin line, and Access. */
html, body { margin: 0; background: #0a0a08; }
.boot { position: fixed; inset: 0; background: #0a0a08; color: #f2efe8; font-family: ui-monospace, "DM Mono", Menlo, monospace; }
.boot-top { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 22px clamp(18px, 4vw, 48px); }
.boot-wm { font-size: 12px; letter-spacing: .5em; color: #c4c0b7; }
.boot-wm b { color: #c9a84c; font-weight: 400; }
.boot-access { padding: 11px 22px; border: 1px solid #c9a84c; color: #c9a84c; background: none; font: 600 12px Barlow, system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }
.boot-line { position: absolute; left: 50%; top: 50%; width: 140px; height: 1px; margin-left: -70px; background: linear-gradient(90deg, transparent, #c9a84c, transparent); animation: bootline 1.5s ease-in-out infinite; }
@keyframes bootline { 0% { transform: scaleX(.15); opacity: .25; } 50% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(.15); opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .boot-line { animation: none; } }