/* v4.19 — 31 project previews, approved logo overlays, and no-link placeholders. */
.works-grid > .work-card[data-project="hakoniwa"] > .work-logo-layer { --logo-left: 4%; --logo-top: 4%; --logo-width: 34%; }
.works-grid > .work-card[data-project="hakoniwa"] > .work-logo-layer::before { content:""; position:absolute; z-index:0; left:2%; top:2%; width:38%; aspect-ratio:3 / 1; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(5,12,22,.55); backdrop-filter:blur(8px); }
.works-grid > .work-card[data-project="dokunuck"] > .work-logo-layer { --logo-left: 2.5%; --logo-top: 39%; --logo-width: 27%; }
.works-grid > .work-card[data-project="machiori"] > .work-logo-layer { --logo-left: 4%; --logo-top: 4%; --logo-width: 29%; }
.dialog-image-wrap > #dialog-logo { position: absolute; z-index: 2; width: var(--modal-logo-width, 34%); max-width: none; max-height: none; height: auto; padding: 0; object-fit: contain; left: var(--modal-logo-left, 4%); top: var(--modal-logo-top, 4%); pointer-events: none; }
.dialog-image-wrap[data-project="hakoniwa"] { --modal-logo-left: 4%; --modal-logo-top: 4%; --modal-logo-width: 34%; }
.dialog-image-wrap[data-project="hakoniwa"]::before { content:""; position:absolute; z-index:1; left:2%; top:2%; width:38%; aspect-ratio:3 / 1; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:rgba(5,12,22,.55); backdrop-filter:blur(8px); }
.dialog-image-wrap[data-project="dokunuck"] { --modal-logo-left: 2%; --modal-logo-top: 39%; --modal-logo-width: 28%; }
.dialog-image-wrap[data-project="machiori"] { --modal-logo-left: 4%; --modal-logo-top: 4%; --modal-logo-width: 29%; }
.dialog-image-wrap > #dialog-logo[hidden] { display: none !important; }
.live-works-grid > .external-work-card[data-project="kusogame"] { cursor: pointer; }
.live-works-grid > .work-card[data-project="kusogame"] > picture img { object-fit: cover !important; }
@media (max-width: 700px) {
  .works-grid > .work-card[data-project="hakoniwa"] > .work-logo-layer { --logo-left: 3%; --logo-top: 4%; --logo-width: 38%; }
  .works-grid > .work-card[data-project="dokunuck"] > .work-logo-layer { --logo-left: 2%; --logo-top: 38%; --logo-width: 31%; }
  .works-grid > .work-card[data-project="machiori"] > .work-logo-layer { --logo-left: 3%; --logo-top: 4%; --logo-width: 34%; }
}