.projects__item{grid-column:1/span 2;width:100%}.projects__picture{display:block;margin-block-end:20px}.projects__iframe{width:100%;height:100%;border:none;aspect-ratio:1.35;pointer-events:none}.projects__image{width:100%;height:auto}.projects__name{font-size:1.5rem;line-height:1.3;font-weight:700;text-transform:uppercase;margin-block-end:7px}.projects__tags{display:flex;justify-content:center;gap:12px;margin-block-end:20px;text-transform:uppercase}.projects__links{display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width:37.5em){.projects__item{grid-column:span 1}.projects__links,.projects__tags{display:block}.projects__tags span{margin-inline-end:18px}.projects__links a{margin-inline-end:30px}}@media (min-width:62.5em){.projects__item{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);width:100%}.projects__picture{position:relative;grid-column:1/2;grid-row:1/2}.projects__picture:after{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:hsl(0,0%,0%);opacity:0;transition:opacity .15s ease-in-out}.projects__item:hover .projects__picture:after{opacity:.5}.projects__item:hover .projects__links{opacity:1}.projects__item:focus-within .projects__links{opacity:1}.projects__item:focus-within .projects__picture:after{opacity:.5}.projects__image{width:100%;height:auto}.projects__links{grid-column:1/2;grid-row:1/2;justify-self:center;align-self:center;z-index:1;opacity:0;transition:opacity .4s ease-in-out}.projects__links:hover~.projects__picture:after{opacity:.5}.projects__tags{margin-block-end:0}}.projects__wrapper{padding-block:140px}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;justify-items:center;text-align:center}.projects__headline{margin-block-end:0}.projects__contact,.projects__headline{grid-column:1/span 2}@media (min-width:37.5em){.projects__grid{gap:60px 24px;justify-items:start;text-align:left}.projects__contact{justify-self:end}.projects__contact,.projects__headline{grid-column:span 1}.projects__contact{align-self:center}}@media (min-width:62.5em){.projects__grid{gap:70px 30px}}