/* Approved option A: two-column cards, using the existing authored covers. */
#works.chat-home-works-scene{--work-ink:#263a32;--work-green:#007a60;background:#f8faf8;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.chat-home-works-inner{width:calc(100% - 112px);max-width:1100px;margin:0 auto;padding:30px 0 96px}
.chat-home-works-kicker{margin:0 0 8px;color:var(--work-green);font-size:12px;line-height:1.8;letter-spacing:.08em}
.chat-home-works-kicker span{padding:0 12px;color:#c7d2ca}
.chat-home-works-heading{margin-bottom:14px}
.chat-home-works-heading h2{margin:0;color:var(--work-ink);font-size:42px;font-weight:600;line-height:1.4;letter-spacing:-.05em}
.chat-home-work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;border-bottom:1px solid #cdd8d0}
.chat-home-work-filters{display:flex;flex-wrap:wrap;gap:8px 24px}
.chat-home-work-filters[hidden]{display:none}
.chat-home-work-filters button{position:relative;min-height:44px;padding:8px 4px;border:0;background:transparent;color:#5a665f;font:inherit;font-size:13px;cursor:pointer}
.chat-home-work-filters button[aria-pressed="true"]{color:var(--work-green);font-weight:600}
.chat-home-work-filters button[aria-pressed="true"]::after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--work-green)}
.chat-home-work-status{flex-shrink:0;margin:0;color:#66736b;font-size:11px;line-height:1.8}
.chat-home-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin:0;padding:0;list-style:none}
.chat-home-work-card{min-width:0}
.chat-home-work-card[hidden]{display:none}
.chat-home-work-project{display:block;color:var(--work-ink);text-decoration:none}
#works .chat-home-work-card .chat-work-cover{width:100%;height:clamp(180px,calc((100svh - 400px)/2),300px);min-height:0;max-height:none;aspect-ratio:auto}
.chat-home-work-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-top:12px}
.chat-home-work-caption p{margin:0 0 4px;color:var(--work-green);font-size:11px;line-height:1.7}
.chat-home-work-caption h3{margin:0;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.02em;overflow-wrap:anywhere}
.chat-home-work-caption>span{display:grid;place-items:center;flex-shrink:0;width:36px;min-height:44px;font-size:27px;transition:transform .2s}
.chat-home-work-project:hover .chat-home-work-caption>span{transform:translate(3px,-3px)}
.chat-home-works-all{display:flex;align-items:center;justify-content:space-between;gap:40px;width:min(100%,336px);min-height:48px;margin:36px auto 0;padding:12px 24px;border:1px solid #769388;border-radius:40px;color:var(--work-ink);font-size:13px;line-height:1.8}
.chat-home-works-all>span{font-size:22px}
.chat-home-works-all:hover{background:#e7f0ea}
.chat-home-works-next{display:flex;align-items:center;justify-content:center;gap:22px;min-height:44px;margin:24px auto 0;padding:8px 12px;border:0;background:transparent;color:#59655e;font:inherit;font-size:11px;cursor:pointer}
.chat-home-works-next span{font-size:21px}
.chat-home-works-scene :is(a,button):focus-visible{outline:3px solid var(--work-green);outline-offset:4px}
@media(max-width:960px){.chat-home-works-inner{width:calc(100% - 80px)}.chat-home-works-heading h2{font-size:36px}.chat-home-work-grid{gap:26px 24px}.chat-home-work-caption h3{font-size:18px}.chat-home-work-filters{gap:8px 16px}}
@media(max-width:767px){.chat-home-works-inner{width:calc(100% - 44px);padding:90px 0 116px}.chat-home-works-heading h2{font-size:32px}.chat-home-work-toolbar{display:block;margin-bottom:22px}.chat-home-work-filters{gap:0 14px}.chat-home-work-filters button{font-size:12px}.chat-home-work-status{padding:8px 0}.chat-home-work-grid{grid-template-columns:minmax(0,1fr);gap:28px}#works .chat-home-work-card .chat-work-cover{height:auto;aspect-ratio:1}.chat-home-work-caption h3{font-size:19px}.chat-home-works-all{margin-top:30px}}
@media(max-height:730px) and (min-width:768px){.chat-home-works-inner{padding-top:18px}.chat-home-works-heading h2{font-size:30px}.chat-home-work-toolbar{margin-bottom:16px}.chat-home-work-grid{row-gap:22px}}
@media(prefers-reduced-motion:reduce){.chat-home-work-caption>span{transition:none}}
