.article-social-share{margin-top:2rem;margin-bottom:2rem}.social-share-prompt{margin-bottom:1.5rem;text-align:center}.social-cards-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:stretch}.social-card{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:.5rem;padding:1rem;background-color:var(--z-theme-background-color-fade);border:1px dotted var(--z-theme-color);border-radius:2px;text-decoration:none;color:var(--z-theme-color);min-width:140px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.social-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--z-theme-background-color-fade);background-color:var(--z-theme-color)}.social-icon{height:2.5rem;width:2.5rem;object-fit:contain;filter:grayscale(100%)}.social-name{font-weight:500;font-size:.95rem;text-align:center}@media(max-width:600px){.social-cards-container{flex-direction:column;align-items:stretch}.social-card{flex-direction:row;justify-content:center;gap:1rem;min-width:auto}.social-icon{height:2rem;width:2rem}}.grayscale img{filter:grayscale(100%)}article picture.inner-cover{width:100%;max-width:100%}article picture.inner-cover img{border-radius:3px;width:100%;max-width:100%}@keyframes grow-and-reveal{0%{filter:grayscale(60%);transform:scale(.9);z-index:80}2%{transform:scale(1);opacity:1}100%{filter:grayscale(0%);transform:scale(1.3);opacity:1;z-index:80}}article a:has(picture.photo){display:block;height:200px;width:200px}article picture.photo img{position:relative;filter:grayscale(60%);z-index:10}article picture.photo:hover img{animation:grow-and-reveal .2s forwards;z-index:80;box-shadow:0 4px 8px var(--z-theme-black);border-radius:2px}a:has(article picture.photo:hover),article picture.photo:hover{z-index:80}.photo-gallery.wall{display:flex;flex-wrap:wrap;gap:0;justify-content:center}.flex-hr{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:.5rem;text-wrap:nowrap}.flex-column{width:100%;display:flex;flex-direction:column;align-items:start;gap:.5rem;margin-bottom:2rem}.flex-column>div{width:100%}@media only screen and (min-width:881px){.flex-column{width:100%;display:flex;flex-direction:column;align-items:start;gap:.5rem}.flex-column>div{min-width:45%}}div.credit{box-sizing:border-box;width:100%;font-size:.7rem;text-align:right;margin-top:-.4rem;padding-right:.2rem;font-family:Departure Mono,monospace}