.gallery-page{background:#000;min-height:100vh;overflow-x:hidden;overflow-y:auto}.gallery-page__main{padding:120px 2rem 4rem;max-width:1600px;margin:0 auto}.gallery-page__header{text-align:center;margin-bottom:4rem}.gallery-page__title{font-size:2.5rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;margin:0 0 1rem;color:#fff}.gallery-page__subtitle{font-size:1.2rem;color:#ffffff80;letter-spacing:.1em;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.gallery-grid__item{position:relative;cursor:pointer}.gallery-grid__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px;background:#111}.gallery-grid__thumb,.gallery-grid__preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.gallery-grid__thumb{opacity:1}.gallery-grid__preview,.gallery-grid__item:hover .gallery-grid__thumb{opacity:0}.gallery-grid__item:hover .gallery-grid__preview{opacity:1}.gallery-grid__overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 1.5rem 1.5rem;background:linear-gradient(#0000,#0006 40%,#000000f2);opacity:0;transition:opacity .3s ease;pointer-events:none}.gallery-grid__item:hover .gallery-grid__overlay{opacity:1}.gallery-grid__overlay h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#fff;letter-spacing:.1em;text-transform:uppercase}.gallery-grid__overlay p{font-size:.85rem;color:#ffffffb3;margin:0}.gallery-grid__overlay .role{color:#ffffff80;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;margin-right:.2rem}.gallery-grid__overlay .sep{margin:0 .5rem;color:#ffffff4d}.nav-menu__item.active{opacity:1!important}@media screen and (max-width:768px){.gallery-page__main{padding:100px 1rem 3rem}.gallery-grid{grid-template-columns:1fr;gap:1rem}.gallery-grid__overlay h3{font-size:1rem}}@media screen and (min-width:1200px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}