.photo-nav{aspect-ratio:4/5;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.photo-nav__image{object-fit:cover}@media (max-width:900px){.photo-nav{width:100%;max-width:300px}}@media (max-width:500px){.photo-nav{aspect-ratio:16/9;max-width:100%}}.photo-nav__frame{justify-content:center;align-items:center;gap:var(--space-lg);background:var(--primary-50);z-index:5;flex-direction:column;width:100%;height:40%;display:flex}.photo-nav__frame h5{text-align:center;font-weight:var(--medium);color:var(--white)}
.photo-nav-section{width:100%;padding:var(--space-xl) var(--space-xl) var(--space-sm) var(--space-xl);background-color:var(--primary-5);grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:900px){.photo-nav-section{padding:var(--space-lg) var(--space-md) var(--space-sm);justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}}@media (max-width:500px){.photo-nav-section{padding:var(--space-md) var(--space-sm) var(--space-sm);gap:var(--space-sm)}}