/* Kopf und Fuß der Live-Seite (v1) auf den Kreide-Seiten. Szenen-CSS kommt aus v3 (scenes.css). */
.v1-top{position:fixed;inset:0 0 auto;z-index:60;background:color-mix(in srgb,var(--black) 72%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.v1-top .wrap{max-width:1180px;margin:0 auto;padding:14px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:16px}
.v1-top .brand{font:900 1.4rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:var(--chalk)}
.v1-top .brand span{color:var(--ox-hi)}
.v1-top nav{display:flex;gap:20px;align-items:center}
.v1-top nav a{font:600 .9rem/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.v1-top nav a:hover,.v1-top nav a:focus-visible{color:var(--chalk)}
.v1-top nav a.cta{color:var(--chalk);border-bottom:2px solid var(--ox-hi);padding-bottom:3px}
.v1-foot{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.9rem;background:var(--black)}
.v1-foot .wrap{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:480px){.v1-top nav a[href$="#story"]{display:none}}