.collage-case{max-width:1120px}
.collage-role{padding:0 0 30px;border-bottom:1px solid #deded9}
#inner #inner-content .collage-role h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:9px 0 10px;font-weight:600}
.collage-role>p:last-child{font-size:15px;margin:0;color:#595954}
.collage-section{margin-top:38px}
#inner #inner-content .collage-section>h2{font-size:clamp(23px,2.8vw,30px);font-weight:600;line-height:1.2;margin:0 0 20px}
.collage-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.collage-studies{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:960px}
.collage-artwork{margin:0;min-width:0}
.collage-artwork>a{position:relative;display:block;outline-offset:5px;transition:transform .25s ease}
.collage-artwork img{width:100%;height:auto;display:block}
.collage-artwork .image-view-hint{font-size:11px;padding:8px 10px}
.collage-artwork>a:focus-visible{outline:2px solid #111;transform:translateY(-3px)}
@media(hover:hover){.collage-artwork>a:hover{transform:translateY(-3px)}}
@media(max-width:900px){.collage-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.collage-studies{max-width:none}}
@media(max-width:560px){.collage-section{margin-top:30px}.collage-gallery{gap:20px 14px}.collage-studies{grid-template-columns:1fr;max-width:290px;margin-inline:auto}.collage-artwork .image-view-hint{font-size:10px;padding:7px}.collage-role{padding-bottom:24px}}
.motion-off .collage-artwork>a{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.collage-artwork>a{transition:none;transform:none!important}}