/* Wor Digital portfolio update — 5 September 2026. Scoped to the work section. */
#work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px;align-items:stretch}
#work .project{display:flex;flex-direction:column;padding:0;min-width:0}
#work .project-visual{aspect-ratio:1.4;padding:47px 24px 34px;background:var(--blue);border-radius:2px}
#work .project-red .project-visual{background:#e6cec6}
#work .project-station .project-visual{background:#dbe0cf}
#work .project-inside .project-visual{background:#e4e6c8}
#work .project-browser{transform:rotate(-2deg);width:100%;border:3px solid var(--paper);border-radius:3px;overflow:hidden}
#work .project-red .project-browser{transform:rotate(2deg)}
#work .project-station .project-browser{transform:rotate(-1deg)}
#work .project-visual:hover .project-browser{transform:translateY(-4px) rotate(0deg)}
#work .project-browser img{width:100%;aspect-ratio:1.456;object-fit:cover;object-position:top;height:auto}
#work .browser-strip{height:20px}
#work .work-corner{font-size:9px;left:19px;top:17px;letter-spacing:.09em}
#work .corner-arrow{width:31px;height:31px;right:13px;bottom:12px}
#work .project-caption{align-items:flex-start;gap:12px;padding-top:0;margin-top:21px}
#work .project-caption h3{font-size:21px;letter-spacing:-.04em;line-height:1.3}
#work .project-caption p{font-size:10px;line-height:1.6;margin-top:7px}
#work .project-year{padding-top:4px;font-size:10px}
#work .project-description{font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px}
#work .project-features{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 19px;padding:0;list-style:none}
#work .project-features li{font-size:9px;line-height:1.6;border:1px solid var(--line);padding:4px 8px}
#work .project-actions{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#work .project-actions .text-link{font-size:11px;min-height:44px}
#work .work-note{font-size:11px;line-height:1.8;max-width:790px;margin:30px 0 0}
#work .portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:28px;padding-top:26px}
#work .portfolio-footer p{font-size:12px;color:var(--muted);max-width:510px}
#work .portfolio-footer .button{flex-shrink:0}
#work .concept-reference{font-size:11px;line-height:1.7;color:var(--muted);margin-top:19px}
#work .concept-reference button{text-decoration:underline;text-underline-offset:4px;padding:0;color:var(--ink);font-size:inherit}
@media(min-width:701px) and (max-width:1000px){#work .project-visual{padding:43px 16px 30px;aspect-ratio:1.24}#work .portfolio-footer{align-items:flex-start}}
@media(max-width:700px){#work .work-grid{grid-template-columns:1fr;gap:38px}#work .project-visual{aspect-ratio:1.28;padding:44px 20px 31px}#work .project-caption h3{font-size:24px}#work .project-description{font-size:13px;margin-top:12px}#work .project-caption{margin-top:17px}#work .project-features{margin-top:13px;margin-bottom:10px}#work .portfolio-footer{display:block;margin-top:24px}#work .portfolio-footer .button{margin-top:18px;max-width:100%;gap:16px;text-align:left}#work .work-note{margin-top:26px}}