.references-intro{max-width:76ch;margin-top:10px}
.references-list{display:grid;gap:28px;margin-top:30px}
.reference-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.reference-gallery{min-width:0;align-self:center;background:rgba(0,0,0,.22)}
.reference-slide{margin:0}
.reference-slide[hidden]{display:none}
.reference-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#1e1e1e}
.reference-preview img{display:block;width:100%;height:100%;object-fit:contain}
.reference-slide figcaption{padding:13px 20px;color:var(--muted);font-size:13px;line-height:1.5;border-top:1px solid rgba(240,212,140,.1)}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px 12px}
.gallery-controls[hidden]{display:none}
.gallery-controls button,.preview-controls button,.preview-close{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.28);color:var(--brass);font:inherit;font-size:21px;cursor:pointer}
.gallery-status{margin:0;font-size:13px;color:var(--muted)}
.reference-copy{min-width:0;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.reference-copy .kicker{margin-bottom:12px}
.reference-copy h2{margin:0 0 18px;font-family:var(--font-head);font-size:clamp(23px,2vw,29px);line-height:1.25;font-weight:600;hyphens:manual;overflow-wrap:anywhere}
.reference-copy p:not(.kicker){margin:0 0 20px;color:rgba(233,230,221,.84);line-height:1.65}
.reference-copy p.reference-note{font-size:13px;color:var(--muted)}
.reference-copy .btn{margin-top:2px}
.reference-preview:focus-visible,.gallery-controls button:focus-visible,.reference-card .btn:focus-visible,.reference-lightbox button:focus-visible{outline:2px solid var(--brass);outline-offset:-3px}
.reference-lightbox{position:fixed;inset:0;margin:0;border:0;padding:20px;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:rgba(7,7,10,.96);color:var(--ink);color-scheme:dark}
.reference-lightbox:not([open]){display:none}
.reference-lightbox::backdrop{background:rgba(0,0,0,.85)}
.preview-panel{height:100%;max-width:1500px;margin:auto;display:flex;flex-direction:column;gap:12px}
.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.preview-title{margin:0;font-family:var(--font-head);font-size:18px;line-height:1.4}
.preview-close{font-size:26px}
.preview-image{display:block;flex:1;min-height:0;width:100%;object-fit:contain}
.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none}
.preview-caption{margin:0;text-align:center;font-size:14px;line-height:1.5;color:var(--muted)}
.preview-controls button[hidden]{display:none}
@media(max-width:800px){.reference-card{grid-template-columns:minmax(0,1fr)}.reference-copy{padding:24px 22px}.reference-copy h2{font-size:24px}.reference-lightbox{padding:12px}.preview-title{font-size:16px}.preview-caption{font-size:13px}}