.gallery-page{padding:90px 0 120px;background:#ebe5db}.gallery-overview{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px;padding-bottom:24px;border-bottom:1px solid rgba(23,21,15,.18)}.gallery-overview>div{display:flex;align-items:baseline;gap:14px}.gallery-overview strong{font:600 42px/1 var(--serif);color:var(--red)}.gallery-overview span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#786f62}.gallery-overview p{max-width:440px;margin:0;color:#655e53;font-size:13px;text-align:right}
.gallery-page .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-page .gallery-item:nth-child(n){grid-column:auto;height:auto;aspect-ratio:1;border:1px solid rgba(23,21,15,.1);background:#d8d0c3;box-shadow:0 8px 24px rgba(42,31,19,.04);isolation:isolate}.gallery-page .gallery-item:after{content:"";position:absolute;z-index:1;inset:40% 0 0;background:linear-gradient(0deg,rgba(10,9,7,.78),transparent);opacity:.72;transition:opacity .35s}.gallery-page .gallery-item img{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .7s cubic-bezier(.2,.65,.3,1),filter .4s}.gallery-page .gallery-item:hover img{transform:scale(1.045);filter:saturate(1.06)}.gallery-page .gallery-item:hover:after{opacity:1}.gallery-page .gallery-item span{z-index:2;left:18px;right:18px;bottom:17px;padding:0;background:transparent;color:#fff;font-size:9px;line-height:1.45;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.gallery-page+.lightbox{backdrop-filter:blur(12px)}.gallery-page+.lightbox img{box-shadow:0 30px 90px rgba(0,0,0,.45)}
@media(max-width:980px){.gallery-page{padding:70px 0 90px}.gallery-page .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-overview{margin-bottom:32px}}
@media(max-width:680px){.gallery-page{padding:55px 0 75px}.gallery-overview{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.gallery-overview p{text-align:left}.gallery-page .gallery-grid{display:grid;grid-template-columns:1fr;gap:14px}.gallery-page .gallery-item:nth-child(n){width:100%;height:auto;margin:0;aspect-ratio:4/3}.gallery-page .gallery-item span{left:15px;bottom:14px}.gallery-page .gallery-item:after{inset:45% 0 0}}
