:root{--icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}main.art-grid-page{max-width:none;width:min(100% - 2rem,1400px)}.downloadable-post-image-link{display:inline-block;position:relative;max-width:100%;margin:1rem auto}.downloadable-post-image-link img{margin:0;cursor:pointer}.downloadable-post-image-link:hover img,.downloadable-post-image-link:active img{z-index:1}.downloadable-post-image-link .download-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--edge-highlight);border-radius:999px;background-color:var(--bg-color);padding:.75rem;color:var(--fg-color);line-height:0;pointer-events:none}.downloadable-post-image-link:hover .download-badge{background-color:var(--fg-muted-1);color:var(--fg-color)}.downloadable-post-image-link:active .download-badge{transform:var(--active)}.downloadable-post-image-link .download-badge svg{width:1rem;height:1rem}.post-separator{margin:2rem 0;background:rgba(255,255,255,.18);width:100%;height:1px}#article-list.art-grid-2{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem}#article-list.art-grid-2 article{min-width:0;display:flex;position:relative;flex-direction:column;justify-content:flex-end;min-height:17rem;transition:background-position var(--transition-longer);padding:1.25rem;background-image:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.2) 42%, rgba(0,0,0,.72) 100%),var(--blurnail);background-position:center center;background-size:cover;color:#fff}#article-list.art-grid-2 article[data-square-card=true]:hover{background-position:center 34%}#article-list.art-grid-2 article[data-portrait-card=true]:hover{background-position:center 26%}#article-list.art-grid-2 article>a{position:absolute;inset:0;z-index:1}#article-list.art-grid-2 article h3,#article-list.art-grid-2 article p,#article-list.art-grid-2 article small,#article-list.art-grid-2 article time{position:relative;z-index:2;transition:opacity var(--transition-longer);color:#fff;pointer-events:none}#article-list.art-grid-2 article h3{color:#fff;text-shadow:0 .125rem .5rem rgba(0,0,0,.95),0 .375rem 1.25rem rgba(0,0,0,.8)}#article-list.art-grid-2 article p{margin:.5rem 0 0;max-width:24ch;color:#fff;text-shadow:0 .125rem .5rem rgba(0,0,0,.9),0 .375rem 1rem rgba(0,0,0,.7)}#article-list.art-grid-2 article .details{margin-top:auto;padding-top:4rem;border-top:0}#article-list.art-grid-2 article .details::before{display:none}#article-list.art-grid-2 article .details small,#article-list.art-grid-2 article .details time{color:rgba(255,255,255,.92)}#article-list.art-grid-2 article .tags,#article-list.art-grid-2 article .tag{position:relative;z-index:3;transition:opacity var(--transition-longer);pointer-events:auto}#article-list.art-grid-2 article:hover p,#article-list.art-grid-2 article:hover .details>small:first-child,#article-list.art-grid-2 article:hover .details>small:first-child time{opacity:0}#article-list.art-grid-2 article .tags .tag{transition:var(--transition);background-color:rgba(255,255,255,.18);color:#fff;text-shadow:0 .125rem .5rem rgba(0,0,0,.45)}#article-list.art-grid-2 article .tags .tag:hover{background-color:var(--accent-color);color:var(--contrast-color)}#article-list.art-grid-2 article .tags .tag-info{display:inline-flex;align-items:center;gap:.35rem}#article-list.art-grid-2 article .tags .tag-info .icon{-webkit-mask-image:var(--icon-info);mask-image:var(--icon-info);width:.875rem;height:.875rem;flex:0 0 auto}#article-list.art-grid-2 article .art-card-tags li[hidden]{display:none}#article-list.art-grid-2 article .tag-more{pointer-events:none}.taxonomy-groups{display:grid;grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr));gap:1.5rem}.taxonomy-group-card{min-width:0}.taxonomy-group-card-wide{grid-column:1/-1}.taxonomy-group-card h2{margin-top:0;margin-bottom:1rem;letter-spacing:.2em;text-transform:uppercase;font-size:var(--font-size-small)}.taxonomy-tag-group{margin-top:1rem}.taxonomy-tag-group .tag-info{display:inline-flex;align-items:center;gap:.35rem}.taxonomy-tag-group .tag-info .icon{-webkit-mask-image:var(--icon-info);mask-image:var(--icon-info);width:.875rem;height:.875rem;flex:0 0 auto}@media (max-width: 1100px){#article-list.art-grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}article img:not(.no-hover,.full-bleed,[src*="#no-hover"],[src*="#full-bleed"],.emoji):hover,article img:not(.no-hover,.full-bleed,[src*="#no-hover"],[src*="#full-bleed"],.emoji):active,article img.start:hover,article img.end:hover,article img[src*="#start"]:hover,article img[src*="#end"]:hover{transform:none;z-index:auto;box-shadow:var(--edge-highlight),var(--shadow);border-radius:var(--rounded-corner)}@media (max-width: 720px){#site-nav nav li{flex:0 0 auto}#site-nav nav li:not(:has(.circle)){flex:0 1 auto}#site-nav nav a,#site-nav nav summary{flex:0 1 auto;width:auto;white-space:nowrap}#site-nav nav ul::before{content:"";flex-basis:100%;order:98}#site-nav nav #search,#site-nav nav #theme-switcher,#site-nav nav #feed,#site-nav nav #repo,#site-nav nav #language-switcher{order:99;margin-top:.25rem}main.art-grid-page{width:calc(100% - 2rem)}#article-list.art-grid-2{grid-template-columns:1fr}#article-list.art-grid-2 article{min-height:13rem}#article-list.art-grid-2 article[data-square-card=true]:hover,#article-list.art-grid-2 article[data-portrait-card=true]:hover{background-position:center center}#article-list.art-grid-2 article:hover p,#article-list.art-grid-2 article:hover .details>small:first-child,#article-list.art-grid-2 article:hover .details>small:first-child time{opacity:1}}