.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,26px);margin-bottom:clamp(48px,8vw,96px)}
.reference-tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--line)}
.reference-tile img{display:block;width:100%;height:100%;object-fit:cover}
.reference-tile span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;background:#262626e8;color:white;border-radius:50%;font-size:22px}
.reference-tile:focus-visible{outline:3px solid #a78f67;outline-offset:3px}
#reference-dialog{width:min(94vw,1060px);max-width:none;max-height:94dvh;padding:12px;border:1px solid #625b50;border-radius:6px;background:#262626;color:white}
#reference-dialog::backdrop{background:#000c}
#reference-full{display:block;width:100%;height:min(72dvh,780px);object-fit:contain}
.reference-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}
.reference-controls button{width:44px;height:44px;border:1px solid #a5a09a;background:#383532;color:white;border-radius:4px;font:inherit;font-size:24px;cursor:pointer}
#reference-close{margin-left:auto}
@media(max-width:760px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-tile span{width:30px;height:30px;right:6px;bottom:6px}}
.reference-albums{margin-bottom:clamp(48px,8vw,96px)}
.reference-album{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);max-width:960px;margin-top:24px;border:1px solid var(--line);background:white;border-radius:4px;overflow:hidden}
.reference-album>img{width:100%;height:100%;max-height:360px;object-fit:cover;object-position:center 60%}
.reference-album>div{padding:clamp(24px,4vw,48px);align-self:center}
.reference-album h3{font-size:clamp(25px,2.6vw,36px);margin-bottom:20px}
.reference-album p{color:var(--muted)}
.reference-album:hover .text-link{text-decoration:underline}
html[data-theme="dark"] .reference-album{background:#292827}
.object-hero h1{max-width:1050px}
.object-grid{margin-top:24px}
.reference-figure{margin:0;min-width:0}
.reference-figure figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:10px}
.reference-retouch-note{font-size:12px;color:var(--muted);padding-bottom:60px}
@media(max-width:600px){.reference-album{grid-template-columns:1fr}.reference-album>img{height:240px}.reference-album>div{padding:24px}.object-grid{grid-template-columns:1fr}.object-hero h1{font-size:36px}.reference-figure figcaption{font-size:12px}}