.page-photos{color:#333;.photos-hero{background:#1c1c1c;text-align:center;padding:60px 0 50px;.photos-back{display:inline-block;color:rgba(255,255,255,0.65);font-size:14px;margin-bottom:25px;&:hover{color:#DBB326;text-decoration:none}}h1{color:#fff;font-weight:700;font-size:40px;margin:0}@media (max-width:767px){h1{font-size:30px}}}.photos-body{padding:60px 0 80px;.photos-empty{text-align:center;color:#888}}#photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;.photos-item{position:relative;display:block;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:#F7F5EF;img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.25s ease}&::after{content:'';position:absolute;inset:0;background:rgba(28,28,28,0);transition:background 0.25s ease}&:hover img{transform:scale(1.05)}&:hover::after{background:rgba(28,28,28,0.15)}.photos-item-date{position:absolute;left:8px;bottom:8px;z-index:1;background:rgba(28,28,28,0.65);color:#fff;font-size:11px;font-weight:700;letter-spacing:0.02em;padding:3px 8px;border-radius:100px}}@media (max-width:575px){grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}}}