.project-panel-open{margin-top:24px;background:var(--navy,#022030);color:#fff;border:1px solid currentColor;cursor:pointer}
.project-panel{box-sizing:border-box;width:min(1000px,calc(100% - 32px));max-height:90dvh;border:0;border-radius:20px;padding:clamp(24px,5vw,56px);background:#f7f3ea;color:#102631;overflow:auto}
.project-panel::backdrop{background:rgba(2,22,35,.8)}
.project-panel h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:24px 0}
.project-panel h3{margin:32px 0 16px}.project-panel-copy{max-width:70ch;line-height:1.7}.project-panel-copy p+p{margin-top:16px}
.project-panel-close{display:block;margin-left:auto;border:1px solid #102631;border-radius:30px;padding:10px 22px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.project-panel-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-panel-photos img{display:block;width:100%;height:auto;border-radius:12px}
.project-panel-active{overflow:hidden}.project-panel button:focus-visible{outline:3px solid #7763b7;outline-offset:4px}
@media(max-width:600px){.project-panel-photos{grid-template-columns:1fr}.project-panel{max-height:94dvh;padding:24px}}

.project-category{font-size:clamp(1.7rem,3vw,2.6rem);margin:48px 0 16px;line-height:1.2}.projects-list>.science-section{padding:24px 0}.projects-list>.science-section>.container{width:100%}