.reference-browser {margin:18px 0 28px;min-width:0}
.reference-filters {display:flex;flex-wrap:wrap;gap:8px}
.reference-filters a {padding:9px 14px;border:1px solid #ded8d0;border-radius:4px;font-size:14px;color:#082448;background:#fff;text-decoration:none}
.reference-filters a[aria-current=page] {background:#082448;color:#fff;border-color:#082448}
.reference-filters a:hover {border-color:#ad895f}
.reference-filter-row {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:10px}
.reference-filter-row label {display:flex;align-items:center;gap:8px;max-width:100%;font-size:14px}
.reference-filter-row select {padding:10px;min-width:0;max-width:230px;border:1px solid #ded8d0;border-radius:4px;background:#fff;color:#082448}
.reference-browser .reference-results {font-weight:600;color:#082448;margin:16px 0}
.reference-whole-card {display:block;width:100%;padding:0;border:0;background:transparent;color:#082448;text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere}
.reference-whole-card:disabled {cursor:default}
.reference-whole-card .reference-photo {display:block}
.reference-whole-card:focus-visible {outline:2px solid #ad895f;outline-offset:5px;border-radius:4px}
.reference-card-copy {display:block;padding:14px 0 8px}
.reference-card-title {display:block;font-size:clamp(20px,1.5vw,23px);font-weight:600;line-height:1.25;margin:10px 0}
.reference-card-description {display:block;color:#667085;font-size:15px;line-height:1.55;white-space:pre-line}
.reference-photo-count {display:block;margin-top:14px;font-weight:600;font-size:14px;color:#806443}
.reference-type-badge {display:inline-block;margin-left:10px;padding:3px 8px;border-radius:4px;background:#f3eee6;color:#806443;font-size:12px}
.reference-whole-card:hover .reference-card-title {color:#806443}
.reference-load-more {display:block;margin:28px auto 0}
.reference-browser .reference-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.reference-browser .reference-grid>article{min-width:0}
.reference-card-copy .eyebrow{margin-bottom:8px}
.references-page .content-page{padding-block:24px 40px}
.references-page .lead{font-size:17px;line-height:1.55;margin:0 0 18px}
.references-page .page-head{padding-block:20px 24px}
.references-page .page-head h1{font-size:clamp(28px,3vw,40px);margin-block:16px 0}
@media(max-width:1100px){.reference-browser .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px) {.reference-browser .reference-grid {grid-template-columns:minmax(0,1fr)} .reference-filters a{padding:9px 11px}.reference-filter-row select{max-width:220px}}
@media(min-width:761px) {
  .reference-browser .reference-whole-card {display:flex;flex-direction:column;height:100%}
  .reference-browser .reference-whole-card .reference-photo {width:100%;flex-shrink:0}
  .reference-browser .reference-card-copy {display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%}
  .reference-browser .reference-photo-count {margin-top:auto;padding-top:14px}
}

/* Keep the gallery frame quiet and put the controls over the photograph. */
.reference-lightbox{padding:0;background:transparent;border-radius:0;overflow:hidden;width:1100px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:none}
.reference-lightbox::backdrop{background:rgba(10,12,14,.92)}
.reference-lightbox-toolbar{gap:12px;margin:0;padding:0 0 10px;flex-wrap:nowrap}
.reference-lightbox-toolbar strong{font-size:16px;line-height:1.4;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-lightbox button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:rgba(20,22,25,.7);color:#fff;line-height:1;cursor:pointer}
.reference-lightbox button:hover{background:rgba(65,68,72,.95)}
.reference-lightbox button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.reference-lightbox-stage{position:relative;display:block;background:transparent}
.reference-lightbox-stage img{display:block;width:100%;height:min(78dvh,820px);max-height:calc(100dvh - 100px);object-fit:contain}
.reference-lightbox-stage button{position:absolute;top:50%;transform:translateY(-50%);z-index:1;box-shadow:0 2px 12px #0005}
.reference-lightbox-stage button:first-child{left:10px}
.reference-lightbox-stage button:last-child{right:10px}
@media(max-width:760px){.reference-lightbox{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.reference-lightbox-toolbar{gap:8px;padding-bottom:8px}.reference-lightbox-toolbar strong{font-size:14px;flex-basis:0}.reference-lightbox-stage button:first-child{left:4px}.reference-lightbox-stage button:last-child{right:4px}}

/* Include the expandable gallery link in each card's layout height. */
.reference-browser .reference-grid>article{display:flex;flex-direction:column}
.reference-browser .reference-grid>article>.reference-whole-card{height:auto;flex:1}
.reference-browser .reference-photo-links{flex-shrink:0;margin-top:8px;margin-bottom:12px}
.reference-browser .reference-photo-links summary{padding:8px 0}