@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");
:root{color-scheme:dark;--bg:#272822;--text:#f8f8f2;--muted:#b6b6a6;--accent:#66d9ef;--border:#49483e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 "JetBrains Mono",ui-monospace,monospace;overflow-x:hidden;position:relative}main{max-width:820px;margin:auto;padding:64px 24px 48px}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#f8f8f2}a:focus-visible{outline:2px solid #f92672;outline-offset:5px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,7vw,3.7rem);margin:16px 0}h2{font-size:1.4rem;margin:40px 0 18px}h3{font-size:1.25rem;margin:0 0 10px}p{margin:0 0 16px}.eyebrow,.meta{font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.intro{font-size:1.25rem;max-width:660px}.muted{color:var(--muted)}nav{display:flex;gap:12px 24px;flex-wrap:wrap;margin:24px 0 42px}section{margin-top:36px}.project{border-top:1px solid var(--border);padding:24px 0;display:grid;grid-template-columns:46px 1fr;gap:16px}.project p{color:var(--muted);max-width:650px}.project .meta{margin-bottom:8px}.number{font:14px ui-monospace,monospace;color:var(--muted);padding-top:5px}.project-links{display:flex;flex-wrap:wrap;gap:20px;font-size:15px}.image-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.image-row img{width:100%;height:auto;align-self:center;border-radius:6px}.equal-images img{aspect-ratio:4/3;object-fit:contain;background:#20211b}img{max-width:100%}li{margin-bottom:8px}code{font-size:.85em;background:#3e3d32;padding:2px 5px;border-radius:3px}footer{border-top:1px solid var(--border);margin-top:40px;padding-top:24px;font-size:14px;color:var(--muted)}.back{font-size:15px}article h1{font-size:clamp(2rem,6vw,3rem)}@media(max-width:540px){main{padding:36px 20px}.project{grid-template-columns:1fr;gap:8px}.image-row{grid-template-columns:1fr}nav{gap:10px 20px}body{font-size:16px}}

/* Restore the original neon rings behind the content. */
body::before,body::after{content:"";position:fixed;top:-13vw;left:-8vw;width:28vw;height:28vw;border:7px solid rgba(249,38,114,.78);border-radius:50%;box-shadow:0 0 16px rgba(249,38,114,.72),0 0 48px rgba(249,38,114,.34),inset 0 0 20px rgba(249,38,114,.18);pointer-events:none;z-index:0}
body::after{left:14vw;border-color:rgba(174,129,255,.72)}
main{position:relative;z-index:1}
h1{color:#f92672}h2,h3{color:#a6e22e}.eyebrow{color:#e6db74}.project .meta{color:#66d9ef}