/* Outrun Noir: hero logo art for the DeepSeek, GLM, GPT and Claude guides (noir-logo.js draws it).
   The box has no frame: a canvas draws the maker's mark as a halftone in --cream with one --orange accent.
   The inline <svg class="lg-src"> is the source path; with scripting off it shows as a dot-screened mark instead. */
body.pg .art-logo{min-height:0}
body.pg .lg{position:relative;width:100%;max-width:600px;height:min(calc(100dvh - 210px),640px);min-height:420px;margin:0 auto}
body.pg .lg>canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none}
body.pg .lg-src{position:absolute;left:8%;top:12%;width:84%;height:62%;fill:var(--cream);overflow:visible;visibility:hidden;pointer-events:none}
body.pg .lg-glm .lg-src,body.pg .lg-openai .lg-src{top:9%;height:82%}
body.pg .lg-anthropic .lg-src{top:16%;height:60%}
@media (scripting:none){
  body.pg .lg>canvas{display:none}
  body.pg .lg-src{visibility:visible;-webkit-mask:radial-gradient(circle,#000 40%,transparent 47%) 0 0/7px 7px;mask:radial-gradient(circle,#000 40%,transparent 47%) 0 0/7px 7px}
}
@media (max-width:860px){
  body.pg .lg{max-width:none;min-height:0;height:min(90vw,520px)}
  body.pg .lg-glm,body.pg .lg-openai{height:min(96vw,520px)}
}