.res-archive-workbench {
    display: grid;
    grid-template-columns: minmax(31rem, .92fr) minmax(28rem, 1.08fr);
    gap: 1.25rem;
    align-items: start;
}
.res-archive-workbench .resonance-roster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.res-archive-workbench .resonance-preview { position: sticky; top: 5.5rem; min-height: 35rem; margin: 0; padding: 0; overflow: hidden; }
.res-archive-workbench .resonance-preview:not(:empty) { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(19rem, 1fr) auto; gap: 0; align-items: stretch; }
.res-archive-workbench .res-preview-visual {
    min-height: 19rem;
    justify-content: stretch;
    overflow: hidden;
    border-radius: 0;
    background: #dbe8f2;
}
.res-archive-workbench .res-preview-visual::after { content: ''; position: absolute; inset: auto 0 0; height: 28%; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(236,245,250,.94)); }
.res-archive-workbench .res-preview-visual picture { display: block; width: 100%; height: 100%; }
.res-archive-workbench .res-preview-visual img { display: block; width: 100%; max-width: none; height: 100%; min-height: 19rem; object-fit: cover; object-position: center 28%; border-radius: 0; background: transparent; transition: transform .45s ease; }
.res-archive-workbench .resonance-preview:hover .res-preview-visual img { transform: scale(1.018); }
.res-archive-workbench .res-preview-visual > span { z-index: 2; top: 1rem; right: 1rem; border-radius: .35rem; box-shadow: 0 .35rem 1rem rgba(33,73,101,.16); }
.res-archive-workbench .res-preview-copy { align-self: stretch; display: grid; grid-template-columns: minmax(14rem,.72fr) minmax(18rem,1.28fr); column-gap: 1.6rem; row-gap: .35rem; padding: 1.35rem 1.5rem 1.5rem; background: rgba(248,252,254,.96); }
.res-archive-workbench .res-preview-copy > p,
.res-archive-workbench .res-preview-copy > h3,
.res-archive-workbench .res-preview-copy > strong { grid-column: 1; }
.res-archive-workbench .res-preview-copy h3 { font-size: clamp(2rem, 3vw, 3.2rem); line-height: .98; letter-spacing: -.06em; }
.res-archive-workbench .res-preview-copy > strong { font-size: 1rem; }
.res-archive-workbench .res-preview-copy dl { grid-column: 2; grid-row: 1 / span 3; align-self: center; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.res-archive-workbench .res-preview-copy > span { grid-column: 1 / -1; max-width: 62rem; margin-top: .45rem; padding-top: .85rem; border-top: 1px solid var(--res-line); }
.res-archive-workbench .res-preview-actions { grid-column: 1 / -1; margin-top: .45rem; }
.res-archive-workbench .res-preview-actions a { display: inline-flex; min-width: 11rem; min-height: 2.75rem; align-items: center; justify-content: space-between; gap: 2rem; padding: .65rem .9rem; }
.res-archive-workbench .resonance-index-item { min-height: 4.75rem; grid-template-columns: 4.15rem minmax(0, 1fr); gap: .65rem; padding: .38rem .55rem .38rem .38rem; }
.res-archive-workbench .resonance-index-item > img { width: 4.15rem; height: 4rem; }
.res-archive-workbench .resonance-index-item > small { position: absolute; right: .55rem; bottom: .42rem; }
@media (max-width: 1100px) {
    .res-archive-workbench { grid-template-columns: minmax(24rem, .9fr) minmax(24rem, 1.1fr); }
    .res-archive-workbench .resonance-roster { grid-template-columns: 1fr; }
    .res-archive-workbench .res-preview-copy { grid-template-columns: 1fr; }
    .res-archive-workbench .res-preview-copy dl,
    .res-archive-workbench .res-preview-copy > p,
    .res-archive-workbench .res-preview-copy > h3,
    .res-archive-workbench .res-preview-copy > strong { grid-column: 1; grid-row: auto; }
}
@media (max-width: 760px) {
    .res-archive-workbench { display: flex; flex-direction: column; gap: 1rem; }
    .res-archive-workbench .resonance-roster, .res-archive-workbench .resonance-preview { width: 100%; }
    .res-archive-workbench .resonance-roster { grid-template-columns: 1fr; order: 1; }
    .res-archive-workbench .resonance-preview { position: static; min-height: 0; order: 2; }
    .res-archive-workbench .resonance-preview:not(:empty) { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: 0; }
    .res-archive-workbench .res-preview-visual {
        width: 100% !important;
        max-width: none !important;
        min-height: 0;
        aspect-ratio: 1 / 1;
    }
    .res-archive-workbench .res-preview-visual picture {
        display: block;
        width: 100% !important;
        height: 100%;
    }
    .res-archive-workbench .res-preview-visual img {
        display: block;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: none !important;
        min-height: 0;
        object-fit: contain;
        object-position: center;
    }
    .res-archive-workbench .res-preview-copy { padding: 1rem; }
    .res-archive-workbench .res-preview-copy h3 { font-size: 1.35rem; }
    .res-archive-workbench .res-preview-copy dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}