*{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}img{max-width:100%}h1,h2,h3,h4,h5,h6,p{margin-block:1em .5em}:root{--m:1rem;--s:calc(var(--m)*.75);--xs:calc(var(--s)*.75);--xxs:calc(var(--xs)*.75);--xxxs:calc(var(--xxs)*.75);--l:calc(var(--m)*1.5);--xl:calc(var(--l)*1.5);--xxl:calc(var(--xl)*1.5);--xxxl:calc(var(--xxl)*1.5)}body{background:#eee;grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}main,header,footer{padding:var(--m)}header a{color:#000;text-decoration:none}main :first-child{margin-block-start:0}footer{background-color:#ea4}footer a{color:#000}#grid{grid-gap:var(--m);margin-block:var(--m);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));display:grid}#grid .card{aspect-ratio:1;height:100%;box-shadow:0 0 var(--xxs)calc(var(--xxs)/2)#0002;border-radius:var(--xxs);background:#333;grid-template-rows:1fr auto;grid-template-areas:"img""overlay";text-decoration:none;transition:background-color .2s ease-in-out;display:grid;overflow:hidden}#grid .card>picture{display:contents}#grid .card img{object-fit:contain;z-index:1;grid-area:1/1/-1/-1;width:100%;height:100%;min-height:0}#grid .card>picture:first-child img{object-fit:cover;filter:blur(5px);opacity:.66;z-index:0}#grid .card footer{backdrop-filter:blur(var(--xs));color:#000;padding:var(--xs);z-index:2;background-color:#fffa;grid-area:overlay;grid-template-columns:1fr auto;grid-template-areas:"title""photographers";align-items:center;display:grid}#grid .card footer h2{grid-area:title}#grid .card footer .photos_count{grid-area:photos}#grid .card footer .photographers{gap:var(--xxs);grid-area:photographers;display:flex}#grid .card footer .photographers img{width:var(--xl);height:var(--xl);aspect-ratio:1;object-fit:cover;border-radius:50%;overflow:hidden}#grid .card:hover{background-color:#666}.photographers{gap:var(--s);display:flex}.photographer{gap:var(--xxs);color:#ddd;height:var(--xl);background:#333;border-radius:100vh;align-items:center;text-decoration:none;display:flex}.photographer picture{width:var(--xl);height:var(--xl)}.photographer img{aspect-ratio:1;object-fit:cover;border-radius:50% 0 0 50%;height:100%;overflow:hidden}.photographer .photographer__name{padding-right:var(--s)}/*# sourceMappingURL=/assets/css/main-e38623.css.map*/