.project-banner{color:#c3efd0;background:#090f0c;border:1px solid #385845;border-radius:11px;margin:0;overflow:hidden;box-shadow:0 12px 45px #0002}.project-banner-bar{letter-spacing:.7px;color:#9cbcaa;background:#101a14;border-bottom:1px solid #2c4234;align-items:center;gap:17px;padding:16px 22px;font:10px/1.6 monospace;display:flex}.project-banner-lights{flex-shrink:0;gap:6px;display:flex}.project-banner-lights i{background:#536c5b;border-radius:50%;width:6px;height:6px}.project-banner-lights i:last-child{background:#a4f3b6}.project-banner-filename{overflow-wrap:anywhere;min-width:0}.project-banner-date{white-space:nowrap;margin-left:auto;font-size:9px}.project-banner-body{background:radial-gradient(at 80% 45%,#75dc9110,#0000 65%);grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;padding:42px;display:grid}.project-banner-copy{min-width:0}.project-banner-meta{letter-spacing:1px;color:#91b09b;margin:0 0 10px;font:9px/1.8 monospace}.project-banner-category{letter-spacing:.8px;color:#789783;margin:0 0 23px;font:8px/1.9 monospace}.project-banner-copy h2{letter-spacing:-2px;text-shadow:0 0 22px #a4f3b614;color:#c3efd0;overflow-wrap:anywhere;margin:0 0 28px;font-family:monospace;font-size:clamp(30px,4vw,56px);font-weight:600;line-height:1.12}.project-banner-copy h2>span{color:#63886e;font-weight:400}.project-banner-link{color:#0a170f;background:#a4f3b6;border:1px solid #a4f3b6;border-radius:5px;align-items:center;gap:34px;min-height:46px;padding:13px 18px;font:12px monospace;display:inline-flex}.project-banner-link:hover{background:#c3f8d0;box-shadow:0 0 22px #a4f3b61a}.project-banner-link:focus-visible,.project-banner-gallery-controls button:focus-visible{outline-offset:5px;outline:3px solid #c3f8d0}.project-banner-media{min-width:0}.project-banner-slide{aspect-ratio:3/2;background:#0c120f;border:1px solid #294032;border-radius:6px;position:relative;overflow:hidden}.project-banner-slide>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.project-banner-gallery-controls{color:#9cbcaa;justify-content:center;align-items:center;gap:22px;margin-top:14px;font:10px monospace;display:flex}.project-banner-gallery-controls button{color:#b4d8bf;cursor:pointer;background:#111c15;border:1px solid #385845;border-radius:5px;min-width:44px;min-height:44px;font:20px monospace}.project-banner-gallery-controls button:hover{border-color:#a4f3b6}.project-banner-ascii{justify-content:center;padding:12px 0;display:flex;overflow-x:auto}.project-banner-ascii pre{white-space:pre;color:#a4f3b6;text-shadow:0 0 12px #a4f3b628;width:max-content;margin:0;font-family:monospace;font-size:clamp(9px,1.1vw,14px);line-height:1.2}.project-banner-zoodiac img,.project-banner-legend-of-the-golden-tortoise img{image-rendering:pixelated}@media (max-width:850px){.project-banner-body{gap:22px;padding:30px}.project-banner-copy h2{letter-spacing:-1.5px;font-size:36px}.project-banner-ascii pre{font-size:10px}}@media (max-width:600px){.project-banner-bar{gap:12px;padding:13px 16px;font-size:8px}.project-banner-date{display:none}.project-banner-body{grid-template-columns:1fr;gap:30px;padding:27px 22px}.project-banner-copy h2{font-size:clamp(32px,9vw,46px)}.project-banner-category{margin-bottom:17px}.project-banner-media{border-top:1px solid #294032;padding-top:22px}.project-banner-ascii pre{font-size:clamp(9px,2.8vw,13px)}.project-banner-link{justify-content:space-between;width:100%}}