/* Preloader, direction A "Course by course" from the Claude Design canvas (Preloader page) */
.loader{--l-ink:#06203F;--l-paper:#FFFFFF;--l-muted:#8F8F8F;--l-accent:#38A3FF;position:fixed;inset:0;z-index:100;background:var(--l-ink);color:var(--l-paper)}
.loader__meta{position:absolute;left:clamp(20px,4vw,48px);top:clamp(24px,5vh,48px);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-direction:column;gap:6px}
.loader__label{color:var(--l-muted)}
.loader__stage{color:var(--l-paper)}
.loader__roof{position:absolute;left:50%;top:46%;width:min(560px,86vw);transform:translate(-50%,-50%);overflow:visible}
.loader__roof .r-ruler line{stroke:var(--l-muted);stroke-width:1}
.loader__roof .r-centre{stroke-dasharray:3 4}
.loader__roof .r-membrane{fill:#0A2547}
.loader__roof .r-battens line{stroke:#5A5A5A;stroke-width:1}
.loader__roof .r-tiles rect{fill:var(--l-paper);stroke:var(--l-ink);stroke-width:.6}
.loader__roof .r-truss line{stroke:var(--l-paper);stroke-width:2}
.loader__roof .r-rafters,.loader__roof .r-mark{fill:none;stroke:var(--l-paper);stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
.loader__roof .r-mark{stroke:var(--l-paper)}
.loader__count{position:absolute;right:clamp(20px,4vw,48px);bottom:clamp(20px,4vh,40px);display:flex;align-items:baseline;gap:6px;font-family:Archivo,sans-serif;font-size:clamp(88px,13vw,200px);font-weight:900;line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.loader__count em{font-family:Archivo,sans-serif;font-style:italic;font-size:.32em;color:var(--l-muted);font-weight:400}
.loader-edge{position:fixed;inset:0;width:100%;height:100%;z-index:101;pointer-events:none;opacity:0}
.loader-edge polyline{fill:none;stroke:#38A3FF;stroke-width:1.5}
html.is-loading{overflow:hidden}
@media (max-width:700px){.loader__roof{top:42%;width:92vw}}