@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}.nav nav{display:flex;gap:14px}.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}}@media(max-width:640px){.container{padding:18px 14px 40px}.nav{flex-wrap:wrap;gap:10px;padding:10px 0 18px}.nav nav{flex-wrap:wrap;gap:10px!important;font-size:14px}.hero{padding:18px}.h1{font-size:clamp(24px,6vw,36px)}.badge{font-size:12px;padding:6px 9px}.card{padding:14px}.grid{gap:12px}}.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}@media print{nav,header,footer,script{display:none!important}#download-pdf,#debug-mode,.debug-comment,#achievement-counter{display:none!important}@page{margin:.5in;size:Letter}body{margin:0;padding:0;background:#fff!important;color:#000!important}body:before,body:after{display:none!important}.container{padding:0!important;max-width:100%!important}.card{box-shadow:none!important;border:none!important;background:#fff!important;padding:6px 0!important;margin:0!important}.card:first-of-type{page-break-after:avoid;margin-bottom:6pt!important;padding-bottom:0!important}.grid{display:block!important;margin-top:0!important;overflow:visible!important}.col-7,.col-5{width:auto!important}.col-7{margin:0!important;padding:0!important;width:auto!important}aside.card{float:right!important;width:180px!important;margin:0 0 12pt 12pt!important;background:#f9f9f9!important;border:1px solid #ddd!important;border-radius:4px!important;padding:8pt!important}aside.card img{width:100%!important;height:auto!important;margin:0 0 8pt!important;border:1px solid #ccc!important;border-radius:4px!important;float:none!important}aside.card>h2:first-of-type{font-size:10pt!important;margin:0 0 6pt!important;padding-bottom:3pt!important;border-bottom:1px solid #ccc!important}aside .grid{display:block!important;margin:0!important}aside .card .card{padding:4px 6px!important;margin-bottom:5px!important;page-break-inside:avoid;background:#fff!important;border:1px solid #e0e0e0!important}aside .card .card>div:first-child{font-size:8pt!important;font-weight:650!important;margin-bottom:2px!important}aside .card .card .meta{font-size:7pt!important;line-height:1.3!important}aside h2:not(:first-of-type){font-size:9pt!important;margin:10pt 0 4pt!important;padding-bottom:2pt!important;border-bottom:1px solid #ccc!important}aside>.meta{font-size:7pt!important;line-height:1.5!important;margin-bottom:3pt!important}h1{font-size:20pt!important;margin:0 0 6pt!important;color:#000!important}h2{font-size:14pt!important;margin-top:12pt!important;margin-bottom:6pt!important;color:#000!important;border-bottom:1px solid #ccc!important;padding-bottom:3pt!important}h3{font-size:11pt!important;margin:8pt 0 4pt!important;color:#000!important;font-weight:600!important}p,li{font-size:9pt!important;line-height:1.4!important;color:#000!important}.meta{font-size:8pt!important;color:#444!important}a{color:#000!important;text-decoration:none!important}a[href^="mailto:"]:after,a[href^=http]:after{content:" (" attr(href) ")";font-size:8pt;color:#666}a[href^="/"]:after{content:none!important}h2,h3{page-break-after:avoid}h3+.meta,.meta+p,.meta+ul{page-break-before:avoid}ul,ol{page-break-inside:avoid}p{orphans:3;widows:3}ul,ol{orphans:2;widows:2}li{page-break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}div[style*="background: linear-gradient"],div[style*="background: rgba"]{background:#f5f5f5!important;border:1px solid #ddd!important}}