:root{color-scheme:dark}html,body{height:100%}body.crest-page{color:var(--bone);font:400 15px/1.5 var(--mono);background:linear-gradient(#e7e1d40a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#e7e1d40a 1px,#0000 1px) 0 0/48px 48px,radial-gradient(120% 90% at 50% 38%,#232a33 0%,#171c22 55%,#0d1014 100%) fixed;background-color:var(--ground);margin:0}.crest-page main{box-sizing:border-box;grid-template-rows:1fr auto;justify-items:center;min-height:100%;padding-inline:16px;display:grid}.crest-page .stage{align-content:center;justify-items:center;gap:clamp(14px,3vh,28px);padding-block:clamp(20px,5vh,56px);display:grid}.crest-page .crest{width:min(78vw,52vh,440px);height:auto;overflow:visible}.crest-page .crest .s{fill:none;stroke:var(--bone);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.crest-page .crest .s.thin{stroke-width:1.6px;stroke:var(--bone-dim)}.crest-page .crest .s.faint{stroke-width:1.4px;stroke:var(--muted);opacity:.55}.crest-page .crest .s.amber{stroke:var(--amber)}.crest-page .crest .orb{fill:#d9a44129;stroke:var(--amber);stroke-width:2.4px}.crest-page .crest .node{fill:var(--ground);stroke:var(--bone);stroke-width:2.4px}.crest-page .crest .sunfill{fill:#d9a4412e}.crest-page .crest .pupil{fill:var(--bone);stroke:none}.crest-page .crest circle{transform-box:fill-box;transform-origin:50%}.crest-page .word{font:500 clamp(13px,2.2vw,18px)/1 var(--mono);letter-spacing:.62em;text-indent:.62em;color:var(--bone);text-transform:uppercase;max-width:none;margin:0}.crest-page .line{font:400 clamp(34px,6.4vw,64px)/1 var(--display);letter-spacing:-.01em;text-wrap:balance;text-align:center;margin:0}.crest-page .line em{color:var(--bone-dim);font-style:italic}.crest-page .dock{flex-wrap:wrap;justify-content:center;gap:8px;padding-block:0 18px;display:flex}.crest-page .btn{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--hair);min-height:38px;color:var(--bone);cursor:pointer;background:#141920d9;border-radius:2px;justify-content:center;padding:11px 14px;transition:border-color .25s,color .25s;transform:none}.crest-page .btn:hover{border-color:var(--amber-dim);transform:none}.crest-page .btn[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.crest-page :focus-visible{outline:2px solid var(--amber);outline-offset:2px}.crest-page .clean .dock{opacity:0;transition:opacity .6s}.crest-page .clean .dock:hover,.crest-page .clean .dock:has(:focus-visible){opacity:1}@media (prefers-reduced-motion:reduce){.crest-page .clean .dock{transition:none}}.crest-page main{position:relative}.crest-page .top{position:absolute;top:20px;left:20px}.crest-page .back{font:500 11px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);padding:5px 0;text-decoration:none;display:inline-block}.crest-page .back:hover{color:var(--amber)}.crest-page .clean .top{opacity:0;transition:opacity .6s}.crest-page .clean .top:hover,.crest-page .clean .top:has(:focus-visible){opacity:1}@media (prefers-reduced-motion:reduce){.crest-page .clean .top{transition:none}}.crest-page .btn:disabled{opacity:.45;cursor:default;border-color:var(--hair)}@media (width<=480px){.crest-page .dock{flex-flow:column;align-items:stretch;width:100%;max-width:320px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.crest-page .stage:not(.is-live){visibility:hidden;animation:0s 3s forwards crest-hold}}@keyframes crest-hold{to{visibility:visible}}@media (scripting:none){.crest-page .dock{display:none}}