@layer components{.photo-grid{--photo-grid-row:clamp(9.5rem, 7rem + 7vw, 13.5rem);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:var(--photo-grid-row);grid-auto-flow:dense;gap:clamp(.5rem,.3rem + .6vw,.875rem);display:grid}@media (width<48rem){.photo-grid{--photo-grid-row:42vw;grid-template-columns:repeat(2,minmax(0,1fr))}}.photo-grid__cell{grid-column:span 2;min-block-size:0;position:relative}.photo-grid__cell>.lightbox-item{block-size:100%}@media (width<48rem){.photo-grid__cell{grid-column:span 1}}.photo-grid__cell--big{grid-area:span 2/span 4}.photo-grid__cell--tall{grid-row:span 2}.photo-grid__cell--half{grid-area:span 2/span 3}@media (width<48rem){.photo-grid__cell--big,.photo-grid__cell--half{grid-area:span 1/span 2}}.photo-grid__caption{align-items:center;gap:var(--space-2xs);padding:var(--space-l) var(--space-s) var(--space-s);color:var(--calc);font-size:var(--step--1);text-shadow:0 1px 12px #1f282d80;pointer-events:none;font-weight:500;line-height:1.35;display:flex;position:absolute;inset:auto 0 0}.photo-grid__caption .branch{stroke-width:2.6px;flex:none;block-size:1.25rem;inline-size:1.25rem}@media (width<48rem){.photo-grid__caption{display:none}}@media (hover:hover){.photo-grid__caption{opacity:0;transition:opacity .35s var(--ease-hover), translate .45s var(--ease);translate:0 .375rem}.photo-grid__cell:is(:hover,:focus-within) .photo-grid__caption{opacity:1;translate:0}}}