/* Page-owned editorial previews: navy, ivory, rules, and clearly pending real images. */
.works-publication-note{font-size:12px;line-height:1.9;color:#5e6a79;border-top:1px solid #cbd0ce;padding:20px 0;margin:0 0 10px;background:transparent}
.works-selected,.works-index{display:grid;gap:40px}
.works-selected{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px;row-gap:42px}
.works-index{grid-template-columns:minmax(0,1fr);margin-bottom:64px;gap:0}
:is(.works-selected,.works-index)>.work{min-width:0;display:block;border-top:1px solid #cbd0ce;padding-top:24px;transition:color .18s ease}
:is(.works-selected,.works-index) .work-art,:is(.works-selected,.works-index)>.work:last-child:nth-child(odd) .work-art{height:auto;min-height:0;aspect-ratio:16/9;position:relative;background:#e4e9e7;display:flex;align-items:center;justify-content:center;color:#61717b;padding:42px 22px;border:1px solid #c7cece;overflow:hidden;transform:none;transition:none}
:is(.works-selected,.works-index) .work:hover .work-art,:is(.works-selected,.works-index) .work:focus-visible .work-art{transform:none}
:is(.works-selected,.works-index) .work-placeholder:before,:is(.works-selected,.works-index) .work-placeholder:after{content:'';position:absolute;top:13px;bottom:13px;width:9px;border-top:1px solid #a8b4b9;border-bottom:1px solid #a8b4b9;opacity:.5}
:is(.works-selected,.works-index) .work-placeholder:before{left:13px;border-left:1px solid #a8b4b9}
:is(.works-selected,.works-index) .work-placeholder:after{right:13px;border-right:1px solid #a8b4b9}
:is(.works-selected,.works-index) .work-placeholder-index{position:absolute;top:18px;left:22px;font:9px "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:1.3px}
:is(.works-selected,.works-index) .work-placeholder-caption{text-align:center;max-width:100%}
:is(.works-selected,.works-index) .work-placeholder strong{font-size:14px;line-height:1.8;font-weight:500;letter-spacing:.04em}
:is(.works-selected,.works-index) .work-placeholder p{font-size:11px;line-height:1.9;color:inherit;margin:7px 0 0;text-wrap:balance}
:is(.works-selected,.works-index) .work-copy{padding-top:22px;min-width:0}
:is(.works-selected,.works-index) .work-meta{font-size:10px;line-height:1.8;letter-spacing:1.25px;color:#65758a;margin:0 0 13px;font-weight:400}
:is(.works-selected,.works-index) .work-name{font-size:14px;line-height:1.9;letter-spacing:.03em;margin:0 0 9px;color:#243455;font-weight:500}
:is(.works-selected,.works-index) h3{font-size:23px;font-weight:700;line-height:1.65;letter-spacing:.015em;margin:0 0 16px;text-wrap:balance}
:is(.works-selected,.works-index) .work-copy>p{font-size:15px;line-height:2;color:#536172;margin:0;text-wrap:pretty;font-weight:500;max-width:35em}
.works-selected>.work:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center}
.works-selected>.work:last-child:nth-child(odd) .work-copy{padding-top:0}
.works-index>.work,.works-index>.work:last-child:nth-child(odd){grid-column:auto;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:50px;align-items:center;padding:32px 0}
.works-index .work-copy{padding-top:0}
.works-index h3{font-size:27px;line-height:1.7;margin-bottom:21px}
.works-index .work-copy>p{font-size:16px}
@media(max-width:800px){
.works-publication-note{font-size:11px;padding:17px 0;margin-bottom:4px}
.works-selected,.works-index{grid-template-columns:minmax(0,1fr);gap:0}
.works-selected>.work,.works-selected>.work:last-child:nth-child(odd),.works-index>.work,.works-index>.work:last-child:nth-child(odd){display:block;grid-column:auto;padding:25px 0 31px;border-top:1px solid #cbd0ce}
:is(.works-selected,.works-index) .work-art,:is(.works-selected,.works-index)>.work:last-child:nth-child(odd) .work-art{aspect-ratio:16/10;padding:37px 17px}
:is(.works-selected,.works-index) .work-placeholder-index{top:15px;left:20px;font-size:8px;letter-spacing:1px}
:is(.works-selected,.works-index) .work-placeholder strong{font-size:13px}
:is(.works-selected,.works-index) .work-placeholder p{font-size:10px;line-height:1.9}
:is(.works-selected,.works-index) .work-copy,.works-selected>.work:last-child:nth-child(odd) .work-copy{padding-top:20px}
:is(.works-selected,.works-index) .work-meta{font-size:9px;margin-bottom:10px;letter-spacing:1px}
:is(.works-selected,.works-index) .work-name{font-size:13px;margin-bottom:9px}
:is(.works-selected,.works-index) h3{font-size:22px;line-height:1.65;margin-bottom:14px}
:is(.works-selected,.works-index) .work-copy>p{font-size:15px;line-height:2}
.works-index{margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){:is(.works-selected,.works-index)>.work{transition:none}}

/* Only the approved Mizuhiki thumbnail; preserve its complete composition on mobile. */
:is(.works-selected,.works-index) .work-art.work-mizuhiki-image{padding:0;aspect-ratio:16/9;background:#f6f5f1;border:0}
:is(.works-selected,.works-index) .work-mizuhiki-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
/* 2026-10-28: case images on the World Wing / Mishima cards, same frame as the Mizuhiki eyecatch. */
:is(.works-selected,.works-index) .work-art.work-case-image{padding:0;aspect-ratio:16/9;background:#e9e8e3;border:0;overflow:hidden}
:is(.works-selected,.works-index) .work-case-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
:is(.works-selected,.works-index) .work-case-image img[src*="worldwing/web-trial-page"]{object-position:50% 38%}


/* 2026-10-31 photo cards: case photos from the media library fill the whole frame, including the wide last card. */
:is(.works-selected,.works-index) .work-art.work-case-image,:is(.works-selected,.works-index)>.work:last-child:nth-child(2n+1) .work-art.work-case-image{padding:0}
:is(.works-selected,.works-index) .work-case-image img[src*="/uploads/"]{object-position:50% 50%}