.collection{overflow:visible!important}
#filterBar{position:sticky;top:90px;z-index:850;background:#ece8dfed;backdrop-filter:blur(15px);padding:16px 0;border-bottom:1px solid #26382c44}
.portfolio-grid{gap:70px 4vw!important;align-items:start}
.tile-photo{overflow:hidden}.tile-photo>img{transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.tile:hover .tile-photo>img{transform:scale(1.035)}
.tile-caption{padding:22px 0;border-top:1px solid #26382c44}
.tile-caption h3{font-size:clamp(22px,2.3vw,42px);font-weight:400;letter-spacing:-.04em}
.tile-arrow{transition:transform .3s}.tile:hover .tile-arrow{transform:translate(5px,-5px)}
@media(min-width:900px){.tile-slot:nth-child(even){margin-top:100px}}
@media(max-width:760px){#filterBar{top:74px;padding:10px 0}.filters{display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:thin}.filters button{flex-shrink:0;min-height:44px}.portfolio-grid{gap:45px!important}.tile-caption h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.tile-photo>img,.tile-arrow{transition:none}}

.tile-summary{font-size:14px;line-height:1.7;max-width:42ch;margin:15px 0;color:#555e55}.tile-read{display:inline-block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:12px;border-bottom:1px solid;padding-bottom:5px}