:root[data-photos-view=flow] .photos-size{display:none}@layer components{.photos-view,.photos-flow,:root[data-photos-view=flow] .photos-grid{display:none}:root[data-photos-view] .photos-view{display:inline-flex}:root[data-photos-view=flow] :is(.app-main,.koi-page,.photos-main){flex-direction:column;display:flex}:root[data-photos-view=flow] :is(.koi-page,.photos-main){flex:1}.photos-flow .coverflow{--cf-size:min(440px, 36vh)}@media (width<=560px){.photos-flow .coverflow{--cf-size:min(230px, 60vw)}}:root[data-photos-view=flow] .photos-flow{--photo-scale:.97;animation:photos-item-in .5s var(--ease-settle) backwards;flex-direction:column;flex:1;justify-content:center;display:flex}:root:not([data-photos-view=flow]) .photos-view [data-view=grid],:root[data-photos-view=flow] .photos-view [data-view=flow]{color:var(--accent)}:root[data-photos-view=flow] .photos-view{--flow:1}.photos-header{margin-bottom:36px}@media (width<=560px){.photos-header{margin-bottom:26px}}.site-header,.photos-header{transition:visibility linear}html.is-photo-open :is(.site-header,.photos-header){visibility:hidden;pointer-events:none;transition:visibility 0s linear .22s}:is(.site-header,.photos-header)>*{transition:opacity .22s}html.is-photo-open :is(.site-header,.photos-header)>*{opacity:0}html.is-photo-open{overflow:hidden}.photos-size input{appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;width:88px;height:16px}.photos-size input::-webkit-slider-runnable-track{background:var(--border);height:1px}.photos-size input::-moz-range-track{background:var(--border);height:1px}.photos-size input::-webkit-slider-thumb{appearance:none;background:var(--muted);border-radius:50%;width:10px;height:10px;margin-top:-4.5px;transition:background-color .15s,transform .15s}.photos-size input::-moz-range-thumb{background:var(--muted);border:0;border-radius:50%;width:10px;height:10px;transition:background-color .15s,transform .15s}.photos-size:hover input::-webkit-slider-thumb{background:var(--text);transform:scale(1.2)}.photos-size input:focus-visible::-webkit-slider-thumb{background:var(--text);transform:scale(1.2)}.photos-size:hover input::-moz-range-thumb{background:var(--text);transform:scale(1.2)}.photos-size input:focus-visible::-moz-range-thumb{background:var(--text);transform:scale(1.2)}.photos-size input:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.photos-grid{--cols:5;--resizable:1;--gap:14px;position:relative}@media (width<=1440px){.photos-grid{--cols:4}}@media (width<=1180px){.photos-grid{--cols:3}}@media (width<=560px){.photos-grid{--gap:8px;--resizable:0}}.photos-grid:not(.is-ready) .photos-item{display:none}.photos-item{animation:photos-item-in .5s var(--ease-settle) backwards;animation-delay:var(--photo-delay,0s);position:absolute;top:0;left:0}.photos-item.is-raised{z-index:1}.photos-frame{cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;transition:transform .32s var(--ease-glide);-webkit-tap-highlight-color:transparent;border-radius:6px;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.photos-frame:active{scale:none}.photos-item.is-expanded .photos-frame{cursor:zoom-out}.photos-item:not(.is-expanded):has(:focus-visible) .photos-frame{transform:translateY(-3px)}@media (hover:hover){.photos-item:not(.is-expanded):hover .photos-frame{transform:translateY(-3px)}.photos-item:not(.is-expanded):hover img{filter:saturate(1.08);transform:scale(1.035)}}.photos-item img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--ease-glide), filter .32s ease;display:block}.photos-item:not(.is-expanded):has(:focus-visible) img{filter:saturate(1.08);transform:scale(1.035)}.photos-item img.photos-full{opacity:0;transition:opacity .2s;position:absolute;inset:0}.photos-item img.photos-full.is-ready{opacity:1}.photos-info{font-size:var(--text-xs);letter-spacing:var(--tracking-pill);text-transform:uppercase;color:var(--muted);pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.4;animation:.25s .22s backwards photos-info-in;display:flex;position:absolute;top:calc(100% + 14px);left:0;right:0}.photos-item:not(.is-expanded) .photos-info{display:none}@media (width<=560px){.photos-info{font-size:.62rem;top:calc(100% + 10px)}}@keyframes photos-item-in{0%{opacity:0;scale:var(--photo-scale,.92)}}@keyframes photos-info-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.photos-item:is(:hover,:has(:focus-visible)) :is(.photos-frame,img){transform:none}}}