article.image{height:0;overflow:visible;padding-bottom:100%;position:relative}article.image .inner{align-items:center;background-color:var(--gray-z-1);border-radius:var(--size-1);box-shadow:var(--shadow-border);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}article.image .image iframe,article.image .image img,article.image .image video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%}article.image img{opacity:0;transform:scale(1.2);transition:all var(--speed);width:100%}article.image .schematics{opacity:.15}article.image.loaded img{opacity:1;transform:scale(1)}article.image.appear{animation:wrapper-appear var(--speed) forwards}article.image.appear iframe,article.image.appear img,article.image.appear svg,article.image.appear video{opacity:.001}article.image.appear.custom-loading,article.image.appear.loaded{transform:translateY(0)}article.image.appear.custom-loading iframe,article.image.appear.custom-loading svg,article.image.appear.custom-loading video,article.image.appear.loaded iframe,article.image.appear.loaded svg,article.image.appear.loaded video{opacity:1;transform:scale(1)}article.image.appear.custom-loading img,article.image.appear.loaded img{animation:img-appear var(--speed-slow) forwards}@keyframes wrapper-appear{0%{opacity:.7}to{opacity:1}}@keyframes img-appear{0%{opacity:.1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.image .meta{align-items:flex-start;bottom:-1rem;color:var(--gray-z-8);display:flex;flex-direction:column;font-size:var(--font-sm);font-weight:var(--font-weight-bold);gap:var(--spacer-xs);justify-content:flex-end;left:0;line-height:1;margin:0;min-height:100%;min-width:100%;opacity:0;padding:calc(var(--size-4));position:absolute;right:0;text-shadow:0 .1em .5em var(--black);text-transform:uppercase;top:0;transition:all var(--speed);-webkit-user-select:none;-moz-user-select:none;user-select:none}.image .meta h1,.image .meta p{color:var(--ui-color);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);letter-spacing:var(--ui-letter-spacing);line-height:var(--ui-line-height);text-transform:var(--ui-text-transform)}.image .meta p{color:var(--gray-z-6)}.image .meta>*{max-width:100%;overflow:hidden;text-overflow:ellipsis}.image:is(:hover,:active,:focus,.active) .meta{background:linear-gradient(to top,var(--semi) 0,transparent 100%);bottom:0;opacity:1}