.productions{justify-content:center;padding:0 1rem;display:flex}@media screen and (min-width:768px){.productions{padding:0 1.5rem}}.productions__content{flex-direction:column;gap:2rem;width:100%;max-width:76.5rem;padding:2rem 0;display:flex}@media screen and (min-width:1024px){.productions__content{gap:3rem;padding:3.5rem 0}}.productions__header{flex-direction:column;gap:1rem;max-width:45rem;display:flex}.productions__intro.typography{color:#ffffffe6}.productions__section{flex-direction:column;gap:1.5rem;display:flex}.productions__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;list-style:none;display:grid}@media screen and (min-width:768px){.productions__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1024px){.productions__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem 1.5rem}}.productions__card{color:#fff;flex-direction:column;gap:.5rem;text-decoration:none;display:flex}.productions__card:hover{text-decoration:none}.productions__poster{aspect-ratio:2/3;background:#072535ad;border:.125rem solid #ffffff47;border-radius:.5rem;position:relative;overflow:hidden}.productions__image{object-fit:cover;transition:transform .2s}.productions__card:hover .productions__image{transform:scale(1.03)}.productions__name.typography{color:#fff}.productions__year.typography{color:#ffffffad}