/* A compact gallery: straight edges, complete artwork and clear brand captions. */
.collage-section{position:relative;padding:85px var(--pad) 75px;background:var(--surface);color:var(--surface-ink);border-bottom:1px solid var(--surface-line);scroll-margin-top:110px}
.collage-section .section-top,.collage-heading,.collage-grid,.collage-foot{max-width:1280px;margin-left:auto;margin-right:auto}
.collage-section .section-top{margin-bottom:35px;gap:24px}
.collage-section .index-label{color:var(--accent-readable)}
.collage-count{font-size:12px;letter-spacing:.6px;white-space:nowrap;border:1px solid var(--surface-line);border-radius:24px;padding:9px 13px;color:var(--surface-muted)}
.collage-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:44px}
.collage-heading h2{font-size:clamp(46px,5.4vw,78px);font-weight:700;letter-spacing:-.055em;line-height:1.02}
.collage-heading h2 span{color:var(--accent-readable)}
.collage-heading p{max-width:360px;justify-self:end;font-size:17px;line-height:1.5;color:var(--surface-muted);padding-bottom:3px}
.collage-grid{columns:3;column-gap:25px}
.collage-tile{display:inline-block;width:100%;vertical-align:top;break-inside:avoid-column;margin:0 0 30px;text-align:left;color:inherit}
.collage-print{display:block;position:relative;border:1px solid var(--surface-line);border-radius:6px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.collage-print img{display:block;width:100%;height:auto;object-fit:contain}
.collage-caption{display:grid;grid-template-columns:minmax(0,1fr) 25px;align-items:start;gap:12px;margin-top:14px;padding:0 1px}
.collage-caption>span:first-child{min-width:0}
.collage-caption strong{display:block;font-size:21px;line-height:1.15;letter-spacing:-.025em;font-weight:700;overflow-wrap:break-word}
.collage-piece{display:block;font-size:13px;line-height:1.4;color:var(--surface-muted);margin-top:5px}
.collage-arrow{display:block;font-size:26px;line-height:1;color:var(--surface-ink);transition:transform .3s,color .3s}
.collage-tile:focus-visible{outline:2px solid var(--accent-readable);outline-offset:7px;border-radius:6px}
.collage-tile:focus-visible .collage-print{border-color:var(--accent-readable)}
.collage-tile:focus-visible .collage-arrow{color:var(--accent-readable)}
.collage-foot{display:flex;justify-content:flex-end;border-top:1px solid var(--surface-line);padding-top:23px;margin-top:8px;font-size:14px;line-height:1.5;color:var(--surface-muted)}
.collage-jump{display:inline-flex;align-items:center;gap:9px;text-decoration:underline;text-underline-offset:4px}
.collage-jump:hover{opacity:.65}
@media(hover:hover) and (pointer:fine){.collage-tile:hover .collage-print{border-color:var(--accent-readable);box-shadow:0 7px 20px -16px #0006}.collage-tile:hover .collage-arrow{transform:translate(2px,-2px);color:var(--accent-readable)}}
@media(max-width:900px){.collage-heading{gap:35px}.collage-heading h2{font-size:clamp(44px,6.6vw,65px)}.collage-grid{column-gap:22px}.collage-caption strong{font-size:19px}}
@media(max-width:760px){.collage-section{padding-top:70px;padding-bottom:60px}.collage-heading{display:block;margin-bottom:35px}.collage-heading h2{font-size:clamp(46px,8.5vw,65px)}.collage-heading p{max-width:440px;font-size:17px;margin-top:23px}.collage-grid{columns:2;column-gap:24px}.collage-caption strong{font-size:21px}}
@media(max-width:520px){.collage-section{padding-top:58px;padding-bottom:50px}.collage-section .section-top{margin-bottom:28px;gap:18px}.collage-count{font-size:11px;padding:8px 11px}.collage-heading h2{font-size:clamp(41px,10.2vw,54px)}.collage-heading p{font-size:16px;line-height:1.5;margin-top:20px}.collage-grid{column-gap:18px}.collage-tile{margin-bottom:25px}.collage-caption{grid-template-columns:minmax(0,1fr) 19px;gap:7px;margin-top:12px}.collage-caption strong{font-size:18px}.collage-piece{font-size:12px;margin-top:5px}.collage-arrow{font-size:22px}.collage-foot{font-size:13px;padding-top:20px}}
@media(max-width:359px){.collage-grid{columns:1}.collage-caption strong{font-size:23px}.collage-piece{font-size:13px}.collage-caption{grid-template-columns:minmax(0,1fr) 25px}.collage-arrow{font-size:26px}.collage-count{font-size:10px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.collage-print,.collage-arrow{transition:none}.collage-tile:hover .collage-arrow{transform:none}}