.window.window--work:not(.expanded) { width: min(1180px, calc(100vw - 64px)); }
.work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 26px; }
.work-card {
  position: relative; isolation: isolate; width: 100%; min-width: 0; min-height: 174px; aspect-ratio: 856 / 290;
  padding: 0; overflow: hidden; text-align: left; border-radius: 16px;
  border: 1px solid var(--glass-edge); background: var(--glass-sheen), #0b202a26;
  box-shadow: var(--glass-highlight); color: var(--white);
  -webkit-backdrop-filter: blur(var(--glass-blur)); backdrop-filter: blur(var(--glass-blur));
  transition: background-color .2s, border-color .2s;
}
.work-card:hover { background-color: #e4f7ef16; border-color: #ffffff80; }
.work-card:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
.work-card-copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; width: 59%; min-height: inherit; height: 100%; padding: 20px; text-shadow: 0 2px 9px #06151cc9; }
.work-card-name { display: block; font-size: .875rem; font-weight: 500; color: var(--window-copy); }
.work-card-title { display: block; font-size: clamp(20px, 1.85vw, 27px); line-height: 1.16; font-weight: 650; letter-spacing: -.025em; text-wrap: balance; }
.work-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.work-art-scene { position: absolute; display: block; width: 100%; aspect-ratio: 856 / 251; bottom: 0; right: 0; }
.work-art img { position: absolute; display: block; max-width: none; }
/* Preserve the original layer coordinates and crops in a scalable 856 × 251 scene. */
.card-jam-back { left: 50.9%; top: -4.2%; width: 40.01%; height: 90.97%; transform: rotate(-30.53deg); }
.card-jam-front { left: 58.53%; top: 22.71%; width: 47.2%; height: 107.57%; }
.card-whale { left: 54.7%; top: 14.1%; width: 76.05%; height: 87.65%; }
.card-hand-left { right: 25.76%; top: 49.23%; width: 29.05%; height: 74.78%; }
.card-hand-right { right: 5.92%; top: 10.71%; width: 48.9%; height: 113.3%; }
.card-phone { right: 18.71%; top: 3.98%; width: 10.94%; height: 84.67%; }
.work-art .card-screen-base { right: 19.8%; top: 6.67%; transform-origin: top right; width: 9.39%; height: 80.05%; }
.card-screen { right: 19.75%; top: 6.01%; width: 9.46%; height: 81.56%; -webkit-mask: url('assets/project-cards/greystar-screen-mask.svg') center / 99.3% 98.15% no-repeat; mask: url('assets/project-cards/greystar-screen-mask.svg') center / 99.3% 98.15% no-repeat; }
.card-reflection { right: 19.38%; top: 8.56%; width: 10.2%; height: 79.64%; opacity: .5; mix-blend-mode: screen; }
.card-medical { right: 8.64%; top: -13.14%; width: 30.26%; height: 126.29%; object-fit: contain; }
.card-fortune-crop { position: absolute; display: block; right: 12.35%; top: -5.69%; width: 27.51%; height: 126.83%; overflow: hidden; }
.card-fortune { left: -22.75%; top: 0; width: 143.09%; height: 105.74%; }
.card-lantern-left { left: 51.08%; top: 8.96%; width: 11.94%; height: 40.7%; }
.card-lantern-right { left: 82.02%; top: 8.96%; width: 15.64%; height: 53.35%; }
.card-lantern-line { position: absolute; width: 1px; height: 18%; top: 0; background: #889588; }
.card-lantern-line--left { left: 56.97%; }
.card-lantern-line--right { left: 89.83%; }
.card-banger-crop { position: absolute; display: block; right: 6.03%; top: -.45%; width: 32.99%; height: 100.89%; overflow: hidden; }
.card-banger { left: -67.19%; top: -66.12%; width: 224.72%; height: 250%; }
.card-lucky { right: 0; bottom: 0; width: 53.04%; height: 100%; transform: scaleX(-1); }
@media (max-width: 900px) {
  .work-grid { gap: 14px; padding: 20px; }
  .work-card-copy { padding: 16px; width: 62%; }
  .work-card-title { font-size: 20px; }
}
@media (max-width: 760px) {
  .window.window--work:not(.expanded) { width: calc(100vw - 22px); }
  .work-grid { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 14px; }
  .work-card { min-height: 174px; }
  .work-card-copy { width: 60%; padding: 16px; }
  .work-card-title { font-size: clamp(19px, 5.3vw, 24px); }
}
@media (prefers-reduced-motion: reduce) { .work-card { transition: none; } }