.projects{background:#fbf8f3;padding-top:30px}.projects-head{display:flex;justify-content:space-between;align-items:end;padding:0 0 22px}.projects-head h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:28px;letter-spacing:.12em;font-weight:500;margin:0}.projects-head p{font-size:10px;color:#8d867d;line-height:1.6;text-align:right;margin:0}.project-en{font-family:Georgia,serif}.project-feature{position:relative;height:320px;overflow:hidden;background:#7a6d61}.project-caption{position:absolute;left:54px;bottom:30px;color:#fff;display:flex;align-items:end;gap:25px}.project-caption h3{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:20px;letter-spacing:.06em;margin:0 0 5px}.project-caption p{font-size:10px;margin:0;opacity:.88}.project-caption small{display:block;margin-top:5px;opacity:.7}.project-link{border:1px solid rgba(255,255,255,.6);padding:10px 18px;font-size:10px;letter-spacing:.08em;background:rgba(0,0,0,.1);color:#fff}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}.project-card{height:320px;overflow:hidden;position:relative;cursor:pointer;background:#ddd}.project-card img{filter:grayscale(1);transition:filter .55s ease,transform 1s var(--ease)}.project-card:hover img{filter:grayscale(.2);transform:scale(1.04)}.project-card-copy{position:absolute;left:24px;bottom:20px;color:#fff}.project-card-copy h3{margin:0;font-size:14px}.lightbox{position:fixed;inset:0;background:rgba(24,21,18,.9);z-index:120;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox-card{position:relative;width:min(1100px,94vw);height:min(76vh,760px);background:#111;overflow:hidden}.lightbox-card img{object-fit:contain;background:#111}.lightbox-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:#fff;font-size:24px;z-index:2}@media(max-width:980px){.project-grid{grid-template-columns:1fr}}@media(max-width:640px){.projects-head{align-items:start;gap:20px}.projects-head p{display:none}.project-feature,.project-card{height:260px}.project-caption{left:24px;bottom:22px;gap:12px;flex-wrap:wrap}}