.graphic-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin:0 0 70px}
.graphic-work{grid-column:span 4;position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden;color:var(--red);text-decoration:none;cursor:zoom-in}
.graphic-work.featured,.graphic-work.paired{grid-column:span 6}
.graphic-work.portrait{aspect-ratio:4/5}
.graphic-work.landscape{aspect-ratio:1.45}
.graphic-work img{display:block;width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .35s ease}
.graphic-work.featured img{padding:0}
.graphic-work::after{content:'+';position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffec;color:#2449ef;font:24px/1 Arial,sans-serif;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.graphic-work:hover img{transform:scale(1.015)}
.graphic-work:hover::after,.graphic-work:focus-visible::after{opacity:1;transform:translateY(0)}
.graphic-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:70px 80px;background:#e3dfdcfa;color:#2449ef;overflow:hidden}
.graphic-lightbox::backdrop{background:#e3dfdc}
.graphic-lightbox[open]{display:grid;place-items:center}
.graphic-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain;background:#fff}
.graphic-lightbox button{position:absolute;display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border:1px solid #2449ef40;background:var(--paper);border-radius:50%;color:#2449ef;cursor:pointer;font:28px/1 Arial,sans-serif}
.graphic-lightbox button:hover{background:#2449ef;color:#fff}
.graphic-close{top:18px;right:22px}
.graphic-prev{top:calc(50% - 24px);left:20px}
.graphic-next{top:calc(50% - 24px);right:20px}
.graphic-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px) and (min-width:651px){.graphic-gallery{gap:18px}.graphic-work{grid-column:span 6}.graphic-work img{padding:18px}}
@media(max-width:650px){.graphic-gallery{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:40px}.graphic-work,.graphic-work.featured,.graphic-work.paired{grid-column:1}.graphic-work img{padding:18px}.graphic-work.featured img{padding:0}.graphic-work::after{opacity:1;transform:none;width:30px;height:30px;font-size:21px;right:10px;bottom:10px}.graphic-lightbox{padding:76px 16px 90px}.graphic-lightbox img{max-height:calc(100dvh - 166px)}.graphic-close{top:16px;right:16px}.graphic-prev,.graphic-next{top:auto;bottom:22px}.graphic-prev{left:calc(50% - 62px)}.graphic-next{right:calc(50% - 62px)}}
@media(prefers-reduced-motion:reduce){.graphic-work img,.graphic-work::after{transition:none}.graphic-work:hover img{transform:none}}