/* Uniform edge-to-edge thumbnails. Links and dialog retain the full originals. */
.work-section{padding-block:80px 84px}
.work-section .section-heading{margin-bottom:34px}
.work-section .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;align-items:start}
.work-section .project{display:block;min-width:0;scroll-margin-top:28px}
.work-section .project-frame{display:block;position:relative;aspect-ratio:10/9;width:100%;padding:0;background:transparent;border:0;overflow:hidden}
.work-section .project-frame img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none;transform:none;opacity:1;mix-blend-mode:normal}
.work-section .project-frame[href="assets/maple_brass_coin_embossed.jpg"] img{object-position:50% 55%}
.work-section .project-frame[href="assets/nyc_skyline_tile_coaster.jpg"] img{object-position:50% 50%}
.work-section .project-frame[href="assets/punch_wood_plaque.jpg"] img{object-position:50% 36%}
.work-section .project-frame[href="assets/africa_tiles.jpg"] img{object-position:50% 60%}
.work-section .project-frame[href="assets/tp_embosser_side.jpg"] img{object-position:60% 50%}
.work-section .project-frame[href="assets/cheesy_family_cutting_board.jpg"] img{object-position:50% 50%}
.work-section .project-frame[href="assets/ginger_prince_tumbler.jpg"] img{object-position:50% 62%}
.work-section .project-frame[href="assets/skull_tile_coaster.jpg"] img{object-position:50% 50%}
.work-section .project-frame[href="assets/maple_acrylic_ornament.jpg"] img{object-position:50% 67%}
.work-section .project-frame[href="assets/jimothyh_plaque.jpg"] img{object-position:50% 32%}
.work-section .project-frame[href="assets/tp_embosser_front.jpg"] img{object-position:50% 50%}
.work-section .project-frame[href="assets/dorrs_pond_rock_embossed.jpg"] img{object-position:50% 50%}
.work-section .project-frame[href="assets/believe_bottleopener.jpg"] img{object-position:50% 45%}
.work-section .project-frame:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.work-section .project figcaption{padding:17px 1px 0}
.work-section .caption-kicker{font-size:10px;line-height:1.5;letter-spacing:.09em;color:#c5b298}
.work-section .project h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin-top:7px;color:var(--text)}
.work-section .project figcaption>p{font-size:14px;line-height:1.65;margin-top:8px;color:var(--muted)}
.work-section .gallery-more{display:contents}
.work-section .gallery-more[hidden],.work-section .project[hidden],.work-section .gallery-toggle[hidden]{display:none!important}
.work-section .gallery-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:34px}
.work-section .gallery-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:48px;padding:12px 26px;border:1px solid #987d5e;border-radius:3px;background:transparent;color:var(--text);font-size:14px;font-weight:600}
.work-section .gallery-toggle:hover{background:var(--surface);border-color:var(--copper)}
.work-section .gallery-status{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:1050px){
  .work-section .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}
}
@media(max-width:760px){
  .work-section{padding-block:54px 58px}
  .work-section .section-heading{margin-bottom:28px}
  .work-section .gallery{gap:32px 20px}
  .work-section .project h3{font-size:20px}
}
@media(max-width:600px){
  .work-section .gallery{grid-template-columns:minmax(0,1fr);gap:32px}
  .work-section .project h3{font-size:22px}
  .work-section .project figcaption{padding-top:16px}
  .work-section .caption-kicker{font-size:11px}
}
