.co-screens{margin-top:clamp(2.5rem,6vw,4.75rem);scroll-margin-top:5rem}.co-screens h2{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:600}.co-screens-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);display:grid}.co-screen-open{border:1px solid var(--line);background:var(--surface);cursor:zoom-in;border-radius:.75rem;place-items:center;width:100%;padding:clamp(.75rem,2vw,1.5rem);display:grid;position:relative}.co-screen-open img{border-radius:.5rem;width:100%;max-width:240px;height:auto}.co-screens button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.co-screen-zoom{border:1px solid var(--line-strong);background:var(--canvas);width:2rem;height:2rem;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.65rem;right:.65rem}.co-screens-grid figcaption{padding-block:.85rem}.co-screens-grid figcaption p{color:var(--ink-2);margin-top:.25rem;font-size:.875rem;line-height:1.6}.co-screen-dialog.co-dialog{border-radius:.875rem;width:min(31rem,100% - 2rem);max-height:calc(100dvh - 2rem)}.co-screen-enlarged{justify-items:center;gap:.75rem;padding:0 .75rem .75rem;display:grid}.co-screen-dialog-bar{background:var(--canvas);justify-content:space-between;align-items:center;width:100%;padding-inline:.5rem;display:flex;position:sticky;top:0}.co-screen-dialog-bar button{cursor:pointer;place-items:center;width:2.75rem;height:2.75rem;display:grid}.co-screen-enlarged img{width:min(100%,340px);height:auto}@media (max-width:650px){.co-screens-grid{grid-template-columns:minmax(0,1fr)}}