.fact.svelte-1ssofn4{float:left;width:25%;height:0px;padding-bottom:25%;overflow:hidden;position:relative;text-align:center}.projectContainer a.svelte-1ssofn4{color:#fff;text-decoration:none;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.projectContainer a.svelte-1ssofn4:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #1a1a1a}.projectContainer a.svelte-1ssofn4 img:where(.svelte-1ssofn4){z-index:1;top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transform:translateZ(0);transform:translateZ(0)}.projectContainer a.svelte-1ssofn4 .placeholder:where(.svelte-1ssofn4){z-index:1;top:0;left:0;position:absolute;width:100%;height:100%;background:#fff;transition:opacity .5s ease}@media(prefers-reduced-motion:reduce){.projectContainer a.svelte-1ssofn4 img:where(.svelte-1ssofn4),.projectContainer a.svelte-1ssofn4 .placeholder:where(.svelte-1ssofn4){transition:none}}.fact.svelte-1ssofn4 a:where(.svelte-1ssofn4) img.landscape-image:where(.svelte-1ssofn4),.projectContainer a.svelte-1ssofn4 img.landscape-image:where(.svelte-1ssofn4){width:100%;height:100%;object-fit:cover}.projectContainer .fact.svelte-1ssofn4:hover a:where(.svelte-1ssofn4) img:where(.svelte-1ssofn4),.projectContainer .fact.svelte-1ssofn4:hover a:where(.svelte-1ssofn4) .placeholder:where(.svelte-1ssofn4){opacity:.1!important}.fact.svelte-1ssofn4 .q:where(.svelte-1ssofn4){font-size:100%;text-transform:uppercase;color:#fff;text-decoration:none;z-index:3;width:100%;text-align:center;padding:0;transform:translateY(-50%);position:absolute;top:50%}.fact.svelte-1ssofn4 .q:where(.svelte-1ssofn4) h3:where(.svelte-1ssofn4){display:block;font-size:.9em;font-weight:700;letter-spacing:2px;width:90%;text-align:center;padding:0;margin:0 auto;text-transform:uppercase;opacity:1;filter:drop-shadow(2px 2px 2px #999)}.fact.svelte-1ssofn4 .project_description:where(.svelte-1ssofn4){display:none}.fact.svelte-1ssofn4:hover .project_description:where(.svelte-1ssofn4),.fact.svelte-1ssofn4:focus-within .project_description:where(.svelte-1ssofn4){position:absolute;bottom:20%;width:100%;text-align:center;display:block}@media all and (min-width:1600px){.fact.svelte-1ssofn4 .q:where(.svelte-1ssofn4) h3:where(.svelte-1ssofn4){font-size:1.1em}}@media all and (max-width:980px){.fact.svelte-1ssofn4 .q:where(.svelte-1ssofn4){font-size:.7em}}@media all and (max-width:768px){.fact.svelte-1ssofn4 .q:where(.svelte-1ssofn4){font-size:1em}}@media all and (max-width:568px){.projectContainer .fact.svelte-1ssofn4{width:50%;height:0px;padding-bottom:50%}}