@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Voltaire&display=swap";:root{--bg-fallback: #222222;--bg-image: url(/bg/goonk-legacy.jpg);--bg-overlay: rgba(34, 34, 34, .65);--panel: rgba(255, 255, 255, .96);--panel-alt: rgba(245, 245, 245, .96);--text: #555555;--muted: #999999;--muted-2: #a8b4bf;--heading: #222222;--border: rgba(0, 0, 0, .12);--accent: #0aa7ff;--max: 980px;--radius: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg-fallback);color:#ffffffeb;line-height:1.55;position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;background-image:var(--bg-image);background-repeat:no-repeat;background-size:cover;background-position:center top;transform:translateZ(0);z-index:-2}body:after{content:"";position:fixed;inset:0;background:var(--bg-overlay);z-index:-1}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a.card:hover{text-decoration:none}@media(prefers-reduced-motion:no-preference){a,button,.badge,.card,.project-thumb{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .12s ease}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}a,button,.badge,.card,.project-thumb{transition:none!important}}:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.container{max-width:var(--max);margin:0 auto;padding:28px 18px 60px}.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 22px}.brand{font-family:Voltaire,Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.brand a{color:#fff;text-decoration:none}.nav a{color:#ffffffd1}.nav a.active{color:#fff;text-decoration:none}.nav a:hover{color:#fff}.card{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:18px;color:var(--text)}.card:hover{border-color:#0000002e}.card h1,.card h2,.card h3{color:var(--heading)}.hero{padding:22px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.18);background:#00000042;color:#fff;backdrop-filter:blur(2px)}.hero .badge{margin-bottom:12px}.h1{font-family:Voltaire,Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:clamp(28px,5vw,44px);line-height:1.1;margin:0 0 10px}.lede{color:#ffffffc7;margin:0;max-width:70ch}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:14px}.col-7{grid-column:span 7}.col-5{grid-column:span 5}@media(max-width:860px){.col-7,.col-5{grid-column:1 / -1}}.meta{color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-alt);color:var(--muted);font-size:13px}.badge:hover{text-decoration:none;border-color:#0000002e}.badge b{color:var(--heading);font-weight:600}.footer{margin-top:42px;font-size:14px}.footer.card{color:var(--text)}.footer-links{color:var(--muted);font-size:14px}.footer-links a{color:var(--accent);text-decoration:underline;text-decoration-color:#0aa7ff8c}.prose h1,.prose h2,.prose h3{line-height:1.2}.prose{color:var(--text)}.prose h1,.prose h2,.prose h3{color:var(--heading);font-family:Voltaire,Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.prose p{color:var(--text)}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#0aa7ff8c}.prose code{background:#0000000f;padding:2px 6px;border-radius:8px}.prose pre{overflow:auto;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:#f5f5f5eb}.project-thumb{width:100%;height:auto;display:block;border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--panel-alt)}a:hover .project-thumb{border-color:#0000002e}.embed{width:100%;aspect-ratio:16 / 10;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel-alt)}.embed iframe{width:100%;height:100%;border:0;display:block}