.work-grid{list-style:none;margin:0;padding:0;display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense}.work-tile{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:4/3}.work-tile.featured{grid-column:1/-1;aspect-ratio:21/9}@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr)}.work-tile.featured{aspect-ratio:16/9}}@media (max-width:560px){.work-grid{grid-template-columns:1fr}.work-tile.featured{aspect-ratio:4/3}}.work-tile a{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;border-radius:inherit}.work-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s ease;filter:saturate(1.05)}.work-tile a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(5,5,10,.88));transition:opacity .3s ease}.work-tile-text{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1.1rem 1.25rem 1.2rem;display:grid;grid-gap:.2rem;gap:.2rem}.work-tile-title{font-weight:800;font-size:1.15rem;line-height:1.2}.work-tile.featured .work-tile-title{font-size:clamp(1.3rem,2.4vw,1.9rem)}.work-tile-tag{color:#d8d8e2;font-size:.9rem}.work-tile-more{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}.work-tile-count{position:absolute;top:.8rem;right:.8rem;z-index:1;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25)}.work-tile a:focus-visible img,.work-tile a:hover img{transform:scale(1.06)}.work-tile a:focus-visible .work-tile-more,.work-tile a:hover .work-tile-more{max-height:1.6em;opacity:1;margin-top:.35rem}.work-tile a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (hover:none){.work-tile-more{max-height:1.6em;opacity:1;margin-top:.35rem}}.work-modal{width:min(1040px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);overflow:auto}.work-modal::-webkit-backdrop{background:rgba(4,4,8,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.work-modal::backdrop{background:rgba(4,4,8,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.work-modal-inner{position:relative}.work-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer}.work-modal-close svg{width:20px;height:20px}.work-gallery{position:relative;background:#000;height:min(58dvh,580px);overflow:hidden;touch-action:pan-y}.work-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.work-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding-bottom:4px}.work-nav.prev{left:.75rem}.work-nav.next{right:.75rem}.work-counter{position:absolute;left:50%;bottom:.6rem;transform:translateX(-50%);margin:0;font-size:.8rem;font-weight:700;padding:.2rem .65rem;border-radius:999px;background:rgba(0,0,0,.6)}.work-thumbs{display:flex;gap:.5rem;padding:.75rem 1rem 0;overflow-x:auto}.work-thumbs button{flex:0 0 auto;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.6}.work-thumbs button.active{border-color:var(--accent);opacity:1}.work-thumbs img{width:96px;height:72px;object-fit:cover}.work-modal-body{padding:1.4rem clamp(1.2rem,3vw,2rem) 2rem}.work-modal-body h3{font-size:clamp(1.4rem,2.6vw,1.9rem)}.work-modal-body p{color:var(--muted)}.work-modal-body h4{margin:1.4rem 0 .6rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{padding:.35rem .8rem;border-radius:999px;border:1px solid #3a3a48;background:#101017;font-size:.88rem;font-weight:600}@media (max-width:560px){.work-modal{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.work-gallery{height:42dvh}}