.page-photo{--ph-bg:var(--ds-bg);--ph-raise:var(--ds-raise);--ph-ink:var(--ds-ink);--ph-soft:var(--ds-soft);--ph-muted:var(--ds-muted);--ph-line:var(--ds-line);--ph-radius:var(--ds-radius);--ph-gutter:var(--ds-gutter);--ph-ease:var(--ds-ease);--ph-ease-soft:var(--ds-ease-soft);background-color:var(--ph-bg);color:var(--ph-ink)}.ph-wrap{max-width:calc(var(--container-site) + 2 * var(--ph-gutter));padding-inline:var(--ph-gutter);margin-inline:auto}.page-photo a:focus-visible{outline:2px solid var(--ph-ink);outline-offset:3px;box-shadow:none}.ph-filter{z-index:5;border-bottom:1px solid var(--ph-line);backdrop-filter:saturate(1.6)blur(18px);background-color:#ffffffdb;position:sticky;top:0}.ph-filter .ds-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:12px;display:flex}.ph-group .ds-pills{min-width:0}.ph-group .ds-pills button{white-space:nowrap;padding-block:6px}.ph-menus{gap:8px;display:flex}.ph-menu{position:relative}.ph-menu-btn{background-color:var(--ds-raise);max-width:260px;color:var(--ds-ink);cursor:pointer;font-family:var(--ds-font);border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 16px;font-size:14px;font-weight:500;line-height:1.5;transition:background-color .2s,color .2s;display:inline-flex}.ph-menu-btn:hover{background-color:var(--ds-raise-hover)}.ph-menu-btn:focus-visible{outline:2px solid var(--ds-ink);outline-offset:3px}.ph-menu-name{color:var(--ds-muted)}.ph-menu-value:empty{display:none}.ph-menu-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ph-menu-btn svg{flex:none;transition:transform .25s}.ph-menu-btn[aria-expanded=true] svg{transform:rotate(180deg)}.ph-menu[data-active] .ph-menu-btn{background-color:var(--ds-ink);color:var(--ds-on-ink)}.ph-menu[data-active] .ph-menu-name{color:color-mix(in srgb, var(--ds-on-ink) 60%, transparent)}.ph-menu-panel{z-index:6;border:1px solid var(--ph-line);background-color:#fff;border-radius:24px;flex-direction:column;gap:2px;min-width:260px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:visible;box-shadow:0 18px 40px -12px #0000002e}.ph-menu-panel[hidden]{display:none}.ph-menu-panel button{justify-content:space-between}.ph-group .ds-pills button[data-empty]{opacity:.4}@media (width<=767px){.ph-filter{position:static}.ph-group[data-group=category]{flex:100%;min-width:0}.ph-menus{flex:100%;position:relative}.ph-menu{position:static}.ph-menu-panel{min-width:0;left:0;right:0}}html:not(.ph-js) .ph-filter{display:none}.ph-gallery{padding-top:32px;padding-bottom:clamp(96px,14vh,160px)}.ph-grid{columns:1;column-gap:16px}@media (width>=600px){.ph-grid{columns:2}}@media (width>=1025px){.ph-grid{columns:3;column-gap:24px}}.ph-item{break-inside:avoid;color:var(--ph-ink);margin-bottom:16px;display:block}.ph-grid.is-masonry{columns:auto;transition:height .9s var(--ph-ease);position:relative}.ph-grid.is-masonry .ph-item{transition:transform .9s var(--ph-ease), opacity .45s var(--ph-ease-soft);margin:0;position:absolute;top:0;left:0}.ph-grid.is-instant .ph-item{transition:none}.ph-item.is-out{opacity:0;pointer-events:none}.ph-item[hidden]{display:none}.ph-frame{border-radius:var(--ph-radius);background-color:var(--ph-raise);position:relative;overflow:hidden}.ph-frame img{width:100%;height:auto;transition:transform 1.4s var(--ph-ease);display:block}.ph-cap{color:#fff;font-family:var(--font-inter);opacity:0;transition:opacity .5s var(--ph-ease-soft), transform .7s var(--ph-ease);background:linear-gradient(#0000 0%,#00000080 100%);justify-content:space-between;gap:12px;padding:40px 16px 14px;font-size:13px;font-weight:500;line-height:1.3;display:flex;position:absolute;inset:auto 0 0;transform:translateY(8px)}.ph-cap span:last-child{color:#ffffffbf;font-weight:400}.ph-item:hover .ph-frame img,.ph-item:focus-visible .ph-frame img{transform:scale(1.035)}.ph-item:hover .ph-cap,.ph-item:focus-visible .ph-cap{opacity:1;transform:none}@media (hover:none){.ph-cap{display:none}}.ph-js [data-ph-reveal]{opacity:0;transition:opacity 1s var(--ph-ease-soft) var(--d,0s), transform 1.3s var(--ph-ease) var(--d,0s);transform:translateY(36px)}.ph-js [data-ph-reveal].is-in{opacity:1;transform:none}.ph-outro{border-top:1px solid var(--ph-line);justify-items:start;gap:24px;padding-top:clamp(96px,18vh,200px);padding-bottom:0;display:grid}@media (prefers-reduced-motion:reduce){.ph-grid.is-masonry,.ph-grid.is-masonry .ph-item,.ph-frame img,.ph-cap{transition:none}}.ph-js.ph-fallback [data-ph-reveal]{opacity:1;transform:none}
