@layer quartz-base{.photo-album-index,.photo-album-page{margin:1.5rem 0 0}.photo-album-intro{max-width:48rem;margin-bottom:1.25rem}.photo-album-intro h2{margin-bottom:.35rem}.photo-album-intro nav{gap:1rem;margin-top:.75rem;display:flex}.photo-album-details{color:var(--gray)}.photo-album-trip{margin-top:0;display:inline-block}.photo-album-cards{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem;display:grid}.photo-album-card,.photo-tile{background-color:var(--lightgray);background-position:50%;background-size:cover;border-radius:.75rem;display:block;position:relative;overflow:hidden}.photo-album-card{aspect-ratio:4/3;color:#fff}.photo-album-card img,.photo-tile img{border-radius:0;width:100%;height:auto;margin:0;transition:transform .18s,opacity .18s;display:block}.photo-album-card img{object-fit:cover;height:100%;position:absolute;inset:0}.photo-album-card:hover img,.photo-tile:hover img{transform:scale(1.025)}.photo-album-card:focus-visible,.photo-tile:focus-visible,.photo-lightbox button:focus-visible,.photo-lightbox-album:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.photo-album-card-copy,.photo-tile-copy{z-index:1;opacity:0;background:linear-gradient(#0000,#000000c7);padding:3rem 1rem 1rem;transition:opacity .18s;position:absolute;inset:auto 0 0}.photo-album-card-copy,.photo-tile:hover .photo-tile-copy,.photo-tile:focus-visible .photo-tile-copy{opacity:1}.photo-album-card-copy strong,.photo-album-card-copy span,.photo-tile-copy strong,.photo-tile-copy span{color:#fff;display:block}.photo-album-card-copy strong,.photo-tile-copy strong{font-family:var(--headerFont);font-size:1.2rem}.photo-album-card-copy span,.photo-tile-copy span{margin-top:.15rem;font-size:.85rem}.photo-album-empty{border:1px dashed var(--gray);color:var(--gray);text-align:center;border-radius:.75rem;padding:2rem}.photo-grid{columns:4 15rem;column-gap:.75rem}.photo-tile{break-inside:avoid;margin:0 0 .75rem}.photo-lightbox{background:#11111bf7;border:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0}.photo-lightbox::backdrop{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#11111be6}.photo-lightbox img{object-fit:contain;border-radius:0;width:100%;height:100%;margin:0}.photo-lightbox button{z-index:2;color:#fff;cursor:pointer;background:#11111bbf;border:0;border-radius:999px;width:2.5rem;height:2.5rem;padding:0;font-size:1.5rem;position:absolute;top:.75rem;right:.75rem}.photo-lightbox-details{z-index:1;color:#fff;text-align:center;background:linear-gradient(#0000,#11111bf2);padding:4rem 1.25rem 1rem;position:absolute;inset:auto 0 0}.photo-lightbox-exif{color:#bac2de;margin-top:.25rem;font-size:.9rem;display:block}.photo-lightbox-album{color:#fff;font-family:var(--headerFont);font-size:1.15rem}.photo-sidebar{margin-top:.5rem}.photo-sidebar-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.photo-sidebar-heading h3{color:var(--gray);letter-spacing:.02em;margin:0;font-size:1rem}.photo-sidebar-heading a{white-space:nowrap;font-size:.8rem}.photo-sidebar-albums{gap:.5rem;display:grid}.photo-sidebar-album{aspect-ratio:4/3;color:#fff;background-position:50%;background-size:cover;border-radius:.6rem;display:block;position:relative;overflow:hidden}.photo-sidebar-album img{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0;transition:transform .18s}.photo-sidebar-album:hover img{transform:scale(1.025)}.photo-sidebar-album span{color:#fff;font-family:var(--headerFont);background:linear-gradient(#0000,#000000c7);padding:2.5rem .7rem .6rem;font-size:.95rem;font-weight:600;position:absolute;inset:auto 0 0}.photo-sidebar-album:nth-child(n+4){display:none}@media (max-height:750px) and (min-width:1201px){.photo-sidebar-album:nth-child(n+3){display:none}}@media (min-height:1050px) and (min-width:1201px){.photo-sidebar-album:nth-child(n+4){display:block}}@media (max-width:1200px){.photo-sidebar{width:100%}.photo-sidebar-albums{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-sidebar-album:nth-child(n){display:block}}@media (max-width:700px){.photo-album-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.photo-grid{columns:2;column-gap:.5rem}.photo-tile{margin-bottom:.5rem}}}