/* Static, visitor-accessible project information; also works without JavaScript. */
.brand-group { display:flex; align-items:center; gap:clamp(10px,1.1vw,18px); }
.about-trigger { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:4px 2px; min-width:24px; min-height:28px; border:0; background:none; color:#a7bed3; font:inherit; font-size:10px; white-space:nowrap; cursor:pointer; }
.about-trigger:hover { color:#eaf7ff; }
.project-info { width:min(550px,calc(100vw - 32px)); max-height:calc(100svh - 48px); overflow-y:auto; margin:auto; padding:24px; color:#d4e5f5; background:#040b16f5; border:1px solid #8cb2da60; border-radius:8px; box-shadow:0 20px 90px #000c,0 0 40px #27589520; font:14px/1.6 Inter,system-ui,sans-serif; }
.project-info::backdrop { background:#010409b8; backdrop-filter:blur(5px); }
.project-info-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#9fbfd9; font-size:10px; letter-spacing:.16em; }
.project-info-heading button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #8cb2da45; border-radius:4px; background:none; color:#d4e5f5; font:24px/1 system-ui,sans-serif; cursor:pointer; }
.project-info h2 { margin:18px 0 12px; font-size:24px; line-height:1.3; font-weight:500; color:#eff8ff; }
.project-info h3 { margin:20px 0 6px; font-size:14px; font-weight:500; color:#c3e6ff; }
.project-info p { margin:0 0 12px; }
.project-contract { padding:10px 12px; border:1px solid #8cb2da35; border-radius:4px; background:#081626; overflow-wrap:anywhere; font-size:12px; }
.project-info-links { display:flex; flex-wrap:wrap; gap:12px 20px; margin-top:20px; color:#a8deff; font-size:12px; }
.project-info a:hover { color:white; text-decoration:underline; }
.project-info a:focus-visible,.project-info button:focus-visible,.about-trigger:focus-visible { outline:2px solid #95d6ff; outline-offset:4px; }
.static-note { position:absolute; bottom:32px; left:24px; right:24px; max-width:500px; padding:14px; color:#d4e5f5; background:#040b16d9; font:14px/1.6 system-ui,sans-serif; }
@media(max-width:600px) {
  .about-trigger > span:last-child { display:none; }
  .about-trigger { width:24px; padding:4px; }
  .project-info { padding:18px; font-size:13px; }
  .project-info h2 { font-size:21px; }
}