.portfolio-page{--portfolio-gold:#c9a84c;--portfolio-violet:#9b6dff;--page-pad:1.5rem}.portfolio-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.portfolio-hide-scrollbar::-webkit-scrollbar{display:none}.poster-wall{padding:100dvh var(--page-pad) 60vh;grid-template-columns:100%;gap:4rem;display:grid}@media (min-width:768px){.portfolio-page{--page-pad:clamp(2rem, 5vw, 6rem)}.poster-wall{grid-template-columns:repeat(24,1fr);grid-auto-flow:row;gap:18vh 1.5vw}.poster-wall__item{grid-column:var(--c) / span var(--s);margin-top:var(--offset,0)}}.poster-wall__item{contain:layout;will-change:transform;position:relative}.poster-wall__inner{will-change:transform;display:block}.poster-wall__frame{background:#080808;width:100%;position:relative;overflow:hidden}.poster-wall__img{filter:brightness(.62)saturate(.9);transition:filter .7s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}.poster-wall__item:hover .poster-wall__img,.poster-wall__item:focus-within .poster-wall__img{filter:brightness()saturate();transform:scale(1.02)}.poster-wall__caption{transition:color .5s cubic-bezier(.19,1,.22,1)}.poster-wall__item:hover .poster-wall__title,.poster-wall__item:focus-within .poster-wall__title{color:var(--portfolio-violet)}.poster-wall__placeholder{opacity:.1;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:30px 30px}@media (prefers-reduced-motion:reduce){.poster-wall__item,.poster-wall__inner{will-change:auto;transform:none!important}.poster-wall__img,.poster-wall__caption{transition:none}.poster-wall__item:hover .poster-wall__img,.poster-wall__item:focus-within .poster-wall__img{transform:none}.portfolio-page *,.portfolio-page :before,.portfolio-page :after{scroll-behavior:auto!important;animation-duration:.01ms!important}}