.works{overflow-x:hidden}.works .message{border:1px solid #d2d0d0;padding:2em;font-size:1.7vw;box-shadow:-2px 2px 10px #4446}@supports (display:grid){.works .message{display:none}}.works.filter-available-false .item:not(.available-false),.works.filter-available-true .item:not(.available-true),.works.filter-year-2025 .item:not(.year-2025),.works.filter-year-2024 .item:not(.year-2024){display:none}.works:not(.mobile) .section{max-width:1200px;padding:2rem;display:none}@media screen and (min-width:768px){.works:not(.mobile) .section{padding:4rem}}@supports (display:grid){.works:not(.mobile) .section{margin:0 auto;display:block}}.works:not(.mobile) h1{margin:0 0 1.5em;font-size:2rem}.works:not(.mobile) .grid{grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:150px;grid-auto-flow:dense;display:grid}@media screen and (max-width:420px){.works:not(.mobile) .grid{grid-template-columns:initial}}.works:not(.mobile) .grid video{object-fit:cover;width:100%;height:100%}.works:not(.mobile) .item{box-sizing:border-box;color:#fff;counter-increment:item-counter;background:#ddd;flex-direction:column;grid-row-start:auto;grid-column-start:auto;justify-content:flex-end;transition:transform .3s ease-in-out;display:flex;position:relative;box-shadow:-2px 2px 10px #4446}.works:not(.mobile) .item.hide{display:none}.works:not(.mobile) .item>img{object-fit:cover;object-position:center;width:100%;height:100%;overflow:hidden}.works:not(.mobile) .item:after{content:"";opacity:.3;background-color:#000;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute}.works:not(.mobile) .item:hover,.works:not(.mobile) .item.show{transform:scale(1.05)}.works:not(.mobile) .item:hover:after,.works:not(.mobile) .item.show:after{opacity:0}.works:not(.mobile) .item.medium{grid-row-end:span 2}.works:not(.mobile) .item.large{grid-row-end:span 3}.works:not(.mobile) .item.full{grid-column-end:auto}@media screen and (min-width:768px){.works:not(.mobile) .item.full{grid-column:1/-1;grid-row-end:span 2}}.works:not(.mobile) .item>.details,.works:not(.mobile) .item>.status{z-index:1;mix-blend-mode:difference;letter-spacing:1px;color:#fff;padding:15px;font-size:2rem;font-weight:500;position:absolute;bottom:0;left:0}div.filter{color:#fff;background:0 0;position:fixed;bottom:16px}@media (max-width:540px){div.filter{border-radius:8px;bottom:6rem;left:50%;transform:translate(-50%)}}div.filter{z-index:5;mix-blend-mode:difference;right:78px}div.filter h3{margin-bottom:.5rem}div.filter>div{display:flex}div.filter>div select{border-radius:10px;padding:8px}div.filter>div select option{background-color:red}div.filter>div :not(:last-child){margin-right:10px}
.posfix{position:fixed;inset:0}div.dialog.container{z-index:8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}div.dialog.container.shown>.bg{background-color:#0006}div.dialog.container.shown>.bg,div.dialog.container.shown>.fg{opacity:1}div.dialog.container:not(.shown){pointer-events:none}div.dialog.container:not(.shown)>.bg{background-color:#00000003}div.dialog.container:not(.shown)>.bg,div.dialog.container:not(.shown)>.fg{opacity:0}div.dialog>.bg{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color .25s,opacity .25s}div.dialog>.fg{z-index:9;color:#fff;background:#000;max-width:600px;max-height:92dvh;padding:2rem;transition:opacity .5s;overflow-y:scroll}div.dialog>.fg img,div.dialog>.fg video{width:100%}div.dialog>.fg button{background-color:var(--accent);font-weight:700}div.dialog>.fg button:hover,div.dialog>.fg button:focus{background-color:var(--accent-hovered)}div.dialog>.fg button{color:#fff;cursor:pointer;border:0 solid gray;border-radius:8px;margin:1em auto;padding:.5em;display:flex}div.dialog>.fg button>svg{height:1.25em}div.dialog>.fg button.contact>span{margin-left:.25em}