.photo-category-switcher{isolation:isolate;gap:var(--photo-category-switcher-gap);border:2px solid var(--lk-col-1-v4);background-color:#fff;border-radius:999px;width:fit-content;padding:4px;list-style:none;display:flex;position:relative}@media (width>=800px){.photo-category-switcher{padding:calc(2px + .25vw)}}@media (width>=1200px){.photo-category-switcher{padding:5px}}@media (width>=1920px){.photo-category-switcher{padding:5px}}.photo-category-switcher:after,.photo-category-switcher:before{content:"";top:var(--photo-category-switcher-padding);left:var(--photo-category-switcher-padding);width:calc((100% - (var(--photo-category-switcher-padding)*2) - var(--photo-category-switcher-gap))/2);height:calc(100% - var(--photo-category-switcher-padding)*2);border-radius:inherit;pointer-events:none;position:absolute}.photo-category-switcher:before{z-index:1;background-color:var(--lk-font-color);transition:transform .22s}.photo-category-switcher:after{z-index:0;background-color:color-mix(in srgb,var(--lk-col-1) 8%,#fff);opacity:0;transition:transform .22s,opacity .12s}.photo-category-switcher--film-active:after,.photo-category-switcher--film-active:before{transform:translate(0)}.photo-category-switcher--digital-active:after,.photo-category-switcher--digital-active:before{transform:translateX(calc(100% + var(--photo-category-switcher-gap)))}@media (hover:hover){.photo-category-switcher--film-active:has(li:nth-child(2):hover):after{opacity:1;transform:translateX(calc(100% + var(--photo-category-switcher-gap)))}.photo-category-switcher--digital-active:has(li:first-child:hover):after{opacity:1;transform:translate(0)}}.photo-category-switcher li{z-index:1;flex:1 0 0;min-width:0;position:relative}.photo-category-switcher a{font-family:var(--lk-sans-font);color:var(--lk-col-1-v4);border-radius:999px;justify-content:center;align-items:center;width:100%;padding:4px 14px 6px;font-size:12px;font-style:normal;font-weight:800;line-height:1;text-decoration:none;transition:color .18s;display:flex;position:relative}@media (width>=800px){.photo-category-switcher a{font-size:1.5vw}}@media (width>=1200px){.photo-category-switcher a{font-size:18px}}@media (width>=1920px){.photo-category-switcher a{font-size:18px}}@media (width>=800px){.photo-category-switcher a{padding-right:calc(2px + 1.5vw)}}@media (width>=1200px){.photo-category-switcher a{padding-right:20px}}@media (width>=1920px){.photo-category-switcher a{padding-right:20px}}@media (width>=800px){.photo-category-switcher a{padding-left:calc(2px + 1.5vw)}}@media (width>=1200px){.photo-category-switcher a{padding-left:20px}}@media (width>=1920px){.photo-category-switcher a{padding-left:20px}}@media (width>=800px){.photo-category-switcher a{padding-top:calc(1vw - 4px)}}@media (width>=1200px){.photo-category-switcher a{padding-top:8px}}@media (width>=1920px){.photo-category-switcher a{padding-top:8px}}@media (width>=800px){.photo-category-switcher a{padding-bottom:calc(1vw - 2px)}}@media (width>=1200px){.photo-category-switcher a{padding-bottom:10px}}@media (width>=1920px){.photo-category-switcher a{padding-bottom:10px}}.photo-category-switcher a.photo-category-switcher__link--active{color:#fff;cursor:default}@media (hover:hover){.photo-category-switcher a:not(.photo-category-switcher__link--active):hover{color:var(--lk-font-color)}}.photo-category-switcher{--photo-category-switcher-padding:4px;--photo-category-switcher-gap:3px}@media (width>=800px){.photo-category-switcher{--photo-category-switcher-padding:5px;--photo-category-switcher-gap:4px}}.image-grid__inner{max-width:var(--dynamic-container-max-width);margin:0 auto}@media (width>=2400px){.image-grid__inner{width:var(--container-max-width-upper-limit)}}.image-grid__content{gap:calc(var(--global-grid-gap)*1);grid-template-columns:repeat(12,1fr);display:grid}.image-grid__item{grid-column:span 6;padding:0;transition:all .4s ease-out}@media (width>=640px){.image-grid__item{grid-column:span 4}}.image-grid__item picture{display:block;overflow:hidden}.image-grid__item picture img{opacity:0;width:100%;height:auto;transition:all .4s ease-out;transform:scale(1)}.image-grid__item--loaded picture img{opacity:1}@media (hover:hover) and (pointer:fine){.image-grid__item:hover img{transform:scale(1.05)}}
