body{background-color:var(--ink);color:var(--paper)}.work-hero{background:var(--ink);border-bottom:1px solid #d4d1c91a;padding-top:180px;padding-bottom:60px}.work-hero h1{letter-spacing:.05em;margin-bottom:20px;font-family:Noto Serif TC,serif;font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1.3}.work-hero .sub-desc{color:#f6f5f3b3;max-width:680px;font-size:clamp(1rem,2vw,1.15rem);font-weight:300;line-height:1.8}.work-grid-section{background:var(--ink);padding:80px 0 100px}.grid-container{grid-template-columns:repeat(3,1fr);gap:40px 30px;display:grid}@media (width<=960px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-container{grid-template-columns:1fr;gap:30px 20px}}.grid-item{color:inherit;cursor:pointer;opacity:1;flex-direction:column;text-decoration:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:none}.img-wrapper{aspect-ratio:4/3;background:var(--ink-soft);border-radius:2px;margin-bottom:20px;position:relative;overflow:hidden}.img-wrapper:before{content:"";z-index:1;opacity:.85;background:radial-gradient(120% 90% at 20% 15%,#ffffff1a,#0000 60%),linear-gradient(#0000 40%,#000000b3);transition:opacity .5s;position:absolute;inset:0}.img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.grid-item:hover .img-wrapper img{transform:scale(1.06)}.grid-item:hover .img-wrapper:before{opacity:.6}.grid-item .info{flex-direction:column;gap:6px;display:flex}.grid-item .tag{letter-spacing:.16em;color:var(--stone);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10.5px}.grid-item h3{color:var(--paper);font-family:Noto Sans TC,sans-serif;font-size:1.25rem;font-weight:500;transition:color .3s}.grid-item:hover h3{color:var(--paper-2)}.grid-item .desc{color:#f6f5f380;margin-top:4px;font-size:.9rem;font-weight:300;line-height:1.6}header .links a.active-link{color:var(--ink-soft);font-weight:500;position:relative}header .links a.active-link:after{content:"";background-color:var(--stone);width:100%;height:2px;position:absolute;bottom:-6px;left:0}.pagination{justify-content:center;align-items:center;gap:12px;margin:60px 0 20px;display:flex}.pagination .page-btn{color:#f6f5f399;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #f6f5f326;border-radius:2px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 16px;font-family:IBM Plex Mono,monospace;font-size:13px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.pagination .page-btn:hover:not(.disabled){border-color:var(--paper);color:var(--paper)}.pagination .page-btn.active{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:500}.pagination .page-btn.disabled{opacity:.25;cursor:not-allowed}.pagination .page-arrow{font-family:Noto Sans TC,sans-serif;font-size:12px}@media (width<=640px){.pagination{gap:6px}.pagination .page-btn{min-width:36px;height:36px;padding:0 10px}}