.portfolio-collage-page{color:#0a0a0a;background:#f6f5f1;min-height:100vh;padding:88px 24px 120px}.portfolio-collage__header{text-align:center;width:min(1120px,100%);margin:0 auto 64px}.portfolio-collage__header>p:first-child{letter-spacing:.22em;text-transform:uppercase;color:#77736c;margin:0 0 18px;font-size:11px;font-weight:700}.portfolio-collage__header h1{font-family:var(--font-display,inherit);letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,86px);font-weight:700;line-height:.98}.portfolio-collage__rule{background:#9b978f;width:46px;height:1px;margin:27px auto 20px}.portfolio-collage__description{color:#67635d;max-width:620px;margin:0 auto;font-size:15px;line-height:1.7}.portfolio-collage{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:70px;gap:10px;width:min(1120px,100%);margin-inline:auto;display:grid}.portfolio-collage__tile{isolation:isolate;background:#161616;min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.portfolio-collage__tile--hero{grid-area:span 7/span 6}.portfolio-collage__tile--small{grid-area:span 3/span 3}.portfolio-collage__tile--portrait{grid-area:span 6/span 3}.portfolio-collage__tile--wide{grid-area:span 4/span 6}.portfolio-collage__tile--medium{grid-area:span 4/span 3}.portfolio-collage__tile img{object-fit:cover;filter:grayscale()brightness(.74)contrast(1.08);width:100%;height:100%;transition:filter .65s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transform:scale(1.015)}.portfolio-collage__shade{z-index:1;opacity:.56;pointer-events:none;background:linear-gradient(#0000,#000000c7);transition:opacity .45s;position:absolute;inset:38% 0 0}.portfolio-collage__meta{z-index:2;color:#fff;opacity:.86;inset-inline:18px;flex-direction:column;gap:4px;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;bottom:16px;transform:translateY(5px)}.portfolio-collage__meta>span{letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.portfolio-collage__meta strong{font-size:clamp(15px,1.5vw,22px);font-weight:650;line-height:1.15}.portfolio-collage__tile:hover img,.portfolio-collage__tile:focus-visible img{filter:grayscale(0)brightness(1.08)contrast(1.02)saturate(1.08);transform:scale(1.06)}.portfolio-collage__tile:hover .portfolio-collage__shade,.portfolio-collage__tile:focus-visible .portfolio-collage__shade{opacity:.8}.portfolio-collage__tile:hover .portfolio-collage__meta,.portfolio-collage__tile:focus-visible .portfolio-collage__meta{opacity:1;transform:translateY(0)}.portfolio-collage__tile:focus-visible{outline-offset:-6px;outline:3px solid #fff}@media (width<=900px){.portfolio-collage-page{padding-top:72px}.portfolio-collage{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:60px}.portfolio-collage__tile--hero,.portfolio-collage__tile--wide{grid-column:span 6}.portfolio-collage__tile--small,.portfolio-collage__tile--portrait,.portfolio-collage__tile--medium{grid-column:span 3}}@media (width<=639px){.portfolio-collage-page{padding:64px 16px 88px}.portfolio-collage__header{margin-bottom:40px}.portfolio-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px;gap:7px;display:grid}.portfolio-collage__tile--hero,.portfolio-collage__tile--wide{grid-area:span 2/span 2}.portfolio-collage__tile--small,.portfolio-collage__tile--portrait,.portfolio-collage__tile--medium{grid-area:span 2/span 1}.portfolio-collage__meta{inset-inline:12px;bottom:12px}.portfolio-collage__meta>span{font-size:8px}}@media (prefers-reduced-motion:reduce){.portfolio-collage__tile img,.portfolio-collage__shade,.portfolio-collage__meta{transition:none}}