.work-gallery{background:#eee8e2}.gallery-heading{max-width:790px}.gallery-heading p{color:#6d6267}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 14px}.gallery-filters[hidden]{display:none}.gallery-filters button{font:inherit;font-size:13px;cursor:pointer;border:1px solid #cfc2c8;background:transparent;color:#40353a;border-radius:30px;padding:9px 18px}.gallery-filters button[aria-pressed=true]{background:#262126;color:white;border-color:#262126}.gallery-count{font-size:12px;color:#75656d;margin-bottom:25px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-item{margin:0;min-width:0}.work-item[hidden]{display:none}.work-photo{display:block;position:relative;overflow:hidden;border-radius:15px;background:#d7cec7}.work-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .5s ease}.work-photo:after{content:'↗ ดูภาพใหญ่';position:absolute;right:14px;bottom:14px;background:#fffef5e8;color:#252124;padding:6px 12px;border-radius:30px;font-size:12px;pointer-events:none}.work-item figcaption{margin-top:14px}.work-item h3{font-size:18px;line-height:1.5;color:#272025;margin:5px 0}.work-item p{font-size:13px;color:#73656b;margin:0}.work-item .tag{font-size:11px;letter-spacing:1px;color:#ab175d}.gallery-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding-top:25px;border-top:1px solid #d6c9ce}.gallery-next p{max-width:720px;font-size:13px;color:#77696f}.gallery-dialog{border:0;padding:0;background:#171519;color:#fff;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;border-radius:16px;overflow:hidden;box-shadow:0 25px 100px #0008}.gallery-dialog::backdrop{background:#100e13df;backdrop-filter:blur(8px)}.gallery-dialog[open]{display:flex;flex-direction:column}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.gallery-toolbar span{font-size:13px;color:#c9bec6}.gallery-toolbar button,.gallery-controls button{min-width:44px;min-height:44px;border:1px solid #66535f;border-radius:8px;background:#302731;color:#fff;font:inherit;cursor:pointer;padding:6px 14px}.gallery-stage{height:min(66dvh,760px);overflow:auto;background:#0d0c0e;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.gallery-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.gallery-stage.is-zoomed{display:block}.gallery-stage.is-zoomed img{max-width:none;max-height:none;width:150%;height:auto;margin:0;cursor:zoom-out}.gallery-caption{padding:13px 20px;font-size:14px;line-height:1.6;margin:0}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px 16px}.gallery-controls a{font-size:12px;color:#ff9ccf;text-decoration:underline}.gallery-error{padding:16px;color:#ffbbd7}.gallery-error[hidden]{display:none}body.gallery-open{overflow:hidden}.work-gallery button:focus-visible,.gallery-dialog button:focus-visible{outline:3px solid #ed54a3;outline-offset:3px}@media(hover:hover){.work-photo:hover img{transform:scale(1.045)}}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:540px){.work-grid{gap:22px 12px}.work-item h3{font-size:15px}.work-item p{font-size:12px}.work-photo:after{font-size:10px;right:7px;bottom:7px;padding:5px 8px}.gallery-filters{gap:6px}.gallery-filters button{font-size:12px;padding:8px 12px}.gallery-next{display:block}.gallery-next .btn{margin-top:12px}.gallery-stage{height:58dvh}.gallery-toolbar{padding:8px 12px}.gallery-toolbar button{font-size:12px;padding:5px 10px}.gallery-caption{font-size:13px}.gallery-controls button{padding:4px 12px}}@media(prefers-reduced-motion:reduce){.work-photo img{transition:none}.work-photo:hover img{transform:none}}
.zoom-photo{display:block;position:relative;overflow:hidden;cursor:zoom-in}.zoom-photo:after{content:'↗ ดูภาพใหญ่';position:absolute;right:10px;bottom:10px;padding:5px 10px;border-radius:24px;background:#fffffff0;color:#30232a;font-size:11px;pointer-events:none}.poster-grid .zoom-photo{border-radius:12px}.zoom-photo:focus-visible{outline:3px solid #c91068;outline-offset:3px}