.screens-intro{max-width:680px}.project-screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;margin-top:32px;display:grid}.project-screen{min-width:0;margin:0}.project-screen-featured{grid-column:1/-1}.project-screen-trigger{width:100%;color:inherit;cursor:zoom-in;background:#eaf0f7;border:1px solid #ccd7e5;border-radius:8px;padding:0;position:relative;overflow:hidden;box-shadow:0 16px 38px #0a1d3a1c}.project-screen-trigger:focus-visible{outline-offset:4px;outline:3px solid #1d5fff61}.project-screen-image{padding:8px;display:block}.project-screen-image img{border:1px solid #0a1d3a1a;border-radius:4px;width:100%;height:auto;display:block}.project-screen-expand{color:#fff;opacity:0;background:#0a1d3ae0;border-radius:4px;align-items:center;gap:7px;padding:8px 10px;font-size:.66rem;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:16px;right:16px;transform:translateY(4px)}.project-screen-trigger:hover .project-screen-expand,.project-screen-trigger:focus-visible .project-screen-expand{opacity:1;transform:translateY(0)}.project-screen figcaption{padding-top:17px}.project-screen h3{color:var(--navy);letter-spacing:-.02em;margin:0 0 8px;font-size:1rem}.project-screen figcaption p{color:var(--muted);font-size:.75rem;line-height:1.65}.screenshot-lightbox{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050f1ee0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.screenshot-lightbox-dialog{background:#fff;border-radius:10px;width:min(1500px,100%);max-height:calc(100vh - 48px);padding:18px;overflow:auto;box-shadow:0 30px 100px #00000073}.screenshot-lightbox-header{justify-content:space-between;align-items:center;gap:30px;padding:2px 2px 16px;display:flex}.screenshot-lightbox-header p{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:800}.screenshot-lightbox-header h2{color:var(--navy);margin:5px 0 0;font-size:1.15rem}.screenshot-lightbox-header button{width:42px;height:42px;color:var(--navy);background:var(--wash);border:1px solid var(--line);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.screenshot-lightbox-header button:hover{color:#fff;background:var(--navy)}.screenshot-lightbox-header button:focus-visible{outline-offset:2px;outline:3px solid #1d5fff61}.screenshot-lightbox-image{background:var(--wash);border:1px solid var(--line);border-radius:5px;overflow:hidden}.screenshot-lightbox-image img{width:100%;height:auto;display:block}.screenshot-lightbox-description{color:var(--muted);padding:14px 2px 2px;font-size:.76rem;line-height:1.6}@media (max-width:1024px){.project-screen-image{padding:6px}}@media (max-width:700px){.project-screenshots{grid-template-columns:1fr;gap:30px}.project-screen-featured{grid-column:auto}.project-screen-expand{opacity:1;transform:none}.screenshot-lightbox{padding:10px}.screenshot-lightbox-dialog{max-height:calc(100vh - 20px);padding:10px}}