@font-face{font-family:"Chakra Petch";src:url(/_fonts/chakra-petch.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(/_fonts/nunito.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#1a1c21;--surface:#272b34;--text:#f4efe6;--muted:#b9bdc8;--accent:#ff8402;--on-accent:#1a1c21;--display-font:"Chakra Petch", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--body-font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body-font);font-size:1rem;line-height:1.5;overflow-wrap:anywhere}h1,h2,h3{font-family:var(--display-font);line-height:1.15;overflow-wrap:anywhere}img{max-width:100%;height:auto}.cm-logo{display:block;border-radius:12%}.cm-addr{margin:1rem 0}.cm-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;padding:.5rem .75rem;border:1px solid var(--muted);border-radius:.5rem}.cm-copy{margin-top:.5rem;padding:.5rem 1rem;font:inherit;font-size:1rem;cursor:pointer;border:0;border-radius:.5rem;background:var(--accent);color:var(--on-accent)}.cm-check{margin:.5rem 0 0;font-size:1rem}.cm-links,.cm-facts{margin:1rem 0;padding:.5rem 1rem .5rem 2rem}.cm-links li,.cm-facts li{margin:.35rem 0}.cm-disclosure{margin:1rem 0;padding:.75rem 1rem}.cm-home{margin:1rem 0;padding:.5rem 0}
h1,h2,h3{font-weight:400}
body{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--muted) 12%,transparent) 0,color-mix(in srgb,var(--muted) 12%,transparent) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--muted) 12%,transparent) 0,color-mix(in srgb,var(--muted) 12%,transparent) 1px,transparent 1px,transparent 32px);overflow-wrap:anywhere}.top{padding:1.5rem 1rem 0.5rem;text-align:center}.tag{display:inline-block;padding:0.25rem 0.75rem;border:2px dashed var(--accent);border-radius:999px;color:var(--muted);font-size:0.875rem;transform:rotate(-2deg)}.title{margin:0.75rem 0 0.25rem;font-size:clamp(2rem,9vw,4.5rem);line-height:1;color:var(--accent);text-transform:uppercase;letter-spacing:0.1rem}.tick{display:inline-block;margin:0.25rem 0;padding:0.25rem 0.9rem;background:var(--accent);color:var(--on-accent);font-family:var(--display-font);font-size:1.25rem;border-radius:0.5rem}.stage{display:grid;gap:1.5rem;padding:1rem;max-width:80rem;margin:0 auto}.dial{text-align:center}.ring{position:relative;max-width:20rem;margin:0.5rem auto;padding:1rem;border-radius:50%;border:4px solid var(--accent);background-image:radial-gradient(circle,var(--surface) 55%,color-mix(in srgb,var(--accent) 30%,var(--surface)) 100%);box-shadow:0 0 0 0.5rem var(--bg),0 0 0 0.65rem var(--accent)}.mark{display:block;width:0.75rem;height:1.5rem;margin:-1.5rem auto 0.5rem;background:var(--accent);border-radius:0.25rem}.face{width:100%;max-width:15rem;margin:0 auto;border-radius:50%;border:3px solid var(--text)}.lean{margin:1.5rem 0 0;color:var(--muted);font-style:italic}.note{padding:1rem;background:var(--surface);border-left:6px solid var(--accent);border-radius:0.5rem}.note h2{margin:0 0 0.5rem;color:var(--accent);font-size:1.5rem}.desc{margin:0;font-size:1.125rem;line-height:1.5}.bearings{display:grid;gap:1rem;margin-top:1.25rem}.card{padding:0.9rem 1rem;background:var(--surface);border:2px solid var(--accent);border-radius:0.75rem}.card h3{margin:0 0 0.25rem;font-size:1.125rem;color:var(--accent)}.card p{margin:0;color:var(--muted)}.tilt-a{transform:rotate(-2deg)}.tilt-b{transform:rotate(2deg)}.deck{display:grid;gap:1rem}.slot h2{margin:0 0 0.5rem;font-size:1.125rem;color:var(--text);text-transform:uppercase;letter-spacing:0.1rem}.box{padding:0.75rem;background:var(--surface);border:2px dashed color-mix(in srgb,var(--accent) 70%,transparent);border-radius:0.75rem}.end{max-width:80rem;margin:0 auto;padding:1.5rem 1rem 2.5rem;color:var(--muted);border-top:2px solid var(--accent)}.fine{font-size:0.875rem;line-height:1.5}.back{margin-top:1rem;color:var(--accent);font-weight:700}@media (min-width:64rem){.stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem;padding:2rem;align-items:start}.deck{grid-column:1 / span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.ring{max-width:26rem}.face{max-width:20rem}.bearings{grid-template-columns:1fr 1fr}.top{padding-top:2.5rem}}@keyframes sway{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}100%{transform:rotate(-3deg)}}.face{animation:sway 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.face{animation:none}}
.cm-disclosure,.cm-facts,.cm-address,.cm-links,.cm-home{display:block!important;visibility:visible!important;opacity:1!important;color:var(--text)!important;background:var(--bg)!important;font-size:1rem!important}.cm-disclosure *,.cm-facts *,.cm-address *,.cm-links *,.cm-home *,.cm-check,.cm-check *{visibility:visible!important;opacity:1!important;color:var(--text)!important;font-size:1rem!important}.cm-disclosure,.cm-facts,.cm-addr,.cm-address,.cm-links,.cm-home,.cm-name,.cm-ticker,.cm-description,.cm-check,.cm-logo{position:relative!important;z-index:1!important;inset:auto!important;transform:none!important;filter:none!important;-webkit-text-fill-color:currentColor!important;letter-spacing:normal!important;word-spacing:normal!important;text-indent:0!important;overflow:visible!important;max-height:none!important}.cm-disclosure,.cm-facts,.cm-addr,.cm-address,.cm-links,.cm-home,.cm-check{font-family:var(--body-font)!important;line-height:1.5!important;text-shadow:none!important}.cm-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}.cm-name,.cm-ticker,.cm-description{visibility:visible!important;opacity:1!important}.cm-logo{visibility:visible!important;opacity:1!important}.cm-copy[hidden]{display:none!important}
:has(.cm-disclosure,.cm-facts,.cm-addr,.cm-address,.cm-links,.cm-home,.cm-name,.cm-ticker,.cm-description){visibility:visible!important;opacity:1!important;transform:none!important;rotate:none!important;translate:none!important;filter:none!important;overflow:visible!important;max-height:none!important;height:auto!important;-webkit-text-fill-color:currentColor!important}
