.project{width:100%;padding-top:calc(var(--space-lg) + 80px);flex-direction:column;align-items:center;min-height:100dvh;display:flex}.project__back-wrap{width:100%;max-width:var(--container-xl);padding:var(--space-md)var(--space-md)var(--space-xs);flex-direction:row;display:flex}.project__back{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--secondary);transition:color var(--transition-fast);font-weight:300;text-decoration:none}.project__back:hover{color:var(--primary)}.project__video-wrap{background-color:var(--primary);width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.project__video{border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.project__content{width:100%;max-width:var(--container-xl);padding:var(--space-2xl)var(--space-md)var(--space-4xl);gap:var(--space-2xl);flex-direction:column;animation:.7s both fadeUp;display:flex}.project__header{gap:var(--space-xs);flex-direction:column;display:flex}.project__meta{align-items:center;gap:var(--space-md);flex-direction:row;display:flex}.project__category{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--secondary);font-weight:200}.project__year{font-family:var(--font-body);font-size:var(--text-xs);color:var(--secondary);font-weight:200}.project__title{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:.02em;color:var(--primary);font-weight:300;line-height:1.1}.project__director{font-family:var(--font-body);font-size:var(--text-base);color:var(--secondary);font-weight:300}.project__rule{background-color:var(--accent);width:100%;height:1px}.project__body{gap:var(--space-2xl);flex-direction:column;display:flex}.project__section-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--secondary);margin-bottom:var(--space-md);font-weight:200}.project__description{font-family:var(--font-body);font-size:var(--text-lg);color:var(--primary);max-width:65ch;font-weight:300;line-height:1.8}.project__credits{gap:var(--space-sm);flex-direction:column;display:flex}.project__credit{align-items:baseline;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--black-alpha-10);flex-direction:row;display:flex}.project__credit-role{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--secondary);flex:0 0 14rem;font-weight:200}.project__credit-name{font-family:var(--font-body);font-size:var(--text-base);color:var(--primary);font-weight:300}.project__nav{flex-direction:row;justify-content:center;display:flex}.project__nav-link{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--primary);border-bottom:1px solid var(--primary);padding-bottom:var(--space-5xs);transition:color var(--transition-fast),border-color var(--transition-fast);font-weight:300;text-decoration:none}.project__nav-link:hover{color:var(--secondary);border-color:var(--secondary)}@media (min-width:768px){.project__title{font-size:var(--text-6xl)}.project__body{align-items:flex-start;gap:var(--space-4xl);flex-direction:row}.project__description-col{flex:1.5}.project__credits-col{flex:1}}@media (min-width:1024px){.project__title{font-size:var(--text-7xl)}.project__content{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}