:root{overscroll-behavior:none;--red:hsl(348, 50%, 50%);--grey-mid:hsl(0, 0%, 60%);--grey-dark:hsl(0, 0%, 40%);--black:hsl(0, 0%, 20%);--shadow:hsla(0, 0%, 27%, 0.35);--limpid:hsla(0, 0%, 100%, 0.8);--shading:hsla(53, 82%, 82%, 0.4);--margins:0.8vw}*{box-sizing:border-box;margin:0;padding:0}body{max-width:1200px;min-height:100vh;margin:0 auto;padding:0 var(--margins);overflow-x:hidden;font-family:system-ui,sans-serif;font-size:1em;background:var(--limpid)}header,main{position:relative}header,header::after{cursor:pointer}header::after{position:absolute;bottom:.5em;right:.5em;content:attr(data-image-counter);font-size:130%}header img{width:100%;max-width:1200px}aside,aside p{background:var(--shading)}aside{display:flex;justify-content:center;align-items:center;position:absolute;top:-3px;width:100%;height:100%;transform:translateY(-100%);transition:transform .5s cubic-bezier(.47,0,.74,.71);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);filter:drop-shadow(0 0 14px var(--shadow));font-size:clamp(1.1rem,2cqi,1.3vw)}aside p{margin:1vw;padding:1vw 3vw;border:1.5px dashed var(--grey-dark)}aside span{padding-right:.1em;font-size:300%;line-height:.1;vertical-align:bottom}.viktor{width:auto;height:13vw;float:left;padding-right:9px}.show-info{transform:translateY(0)}a,aside,aside span,header::after{color:var(--red)}main{flex-flow:row wrap;gap:var(--margins);min-height:100vh;margin:var(--margins) 0}.thumbnail-trigger{flex:1 0 auto;position:relative;min-width:200px;max-width:430px;height:20.3vw;border-radius:.6vw;overflow:hidden;cursor:zoom-in;color:inherit}.thumbnail-trigger img{min-width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:saturate(0)}.align-img-bottom{object-position:bottom}.thumbnail-trigger.last-image img{object-position:bottom right}.thumbnail-trigger div,footer,main{display:flex;justify-content:center}.thumbnail-trigger div{flex-direction:column;position:absolute;bottom:-100%;width:100%;height:100%;margin:-5px 0 1px;padding:.4em;background:var(--shading);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:bottom .2s ease-in-out}.thumbnail-trigger:hover div h2,.thumbnail-trigger:hover div p{opacity:1}.thumbnail-trigger div h2,.thumbnail-trigger div p{opacity:0;transition:opacity 1s ease}.thumbnail-trigger:hover div{bottom:-100%}.thumbnail-trigger h2{font-size:clamp(1.5rem,5vw - 2rem,2.3rem);font-size:2.35cqi;font-weight:400;line-height:1.4;text-shadow:0 0 8px #fff;color:var(--red)}@media (hover:hover) and (pointer:fine){.thumbnail-trigger:hover div{bottom:0}}footer{position:relative;align-items:center;height:4.35rem;overflow:hidden;color:var(--grey-dark)}@media screen and (max-width:660px){.thumbnail-trigger{height:20vh;border-radius:2vw}.info{line-height:1.35}header::after{font-size:110%}}@media screen and (max-width:375px) and (orientation:portrait){main:after{font-size:1.3em}.thumbnail-trigger{max-width:100%}.thumbnail-trigger.last-image img{object-position:bottom right}footer h3{font-size:.8rem}}