:root{--content-max-width:1600px}.work-hero{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden;color:#f2f2f2}.work-hero__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.work-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.96) 0,rgba(10,10,10,.6) 45%,rgba(10,10,10,.25) 100%);transition:opacity .3s var(--ease)}.work-hero.is-trailer-playing .work-hero__overlay{opacity:0}.work-hero__content{position:relative;z-index:1;max-width:720px;padding:calc(var(--nav-height) + 2.5rem) clamp(1.25rem,5vw,3rem) 3rem}.work-hero__title{font-size:clamp(2.2rem, 1.6rem + 2.6vw, 4rem);text-transform:uppercase;margin-block:0.4rem 0.5rem}.work-hero__meta{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);margin-bottom:.75rem}.work-hero__desc{max-width:60ch;color:var(--color-text)}#work-hero-cta{appearance:none}main{max-width:var(--content-max-width);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.section{padding-block:clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--color-line)}.section:last-child{border-bottom:none}.work-row__list{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;margin-top:1.5rem}.work-card{position:relative;aspect-ratio:2/3;border-radius:var(--radius);overflow:hidden;background:var(--color-bg-panel-2);display:block;width:100%;border:0;padding:0;font:inherit;text-align:left;cursor:pointer}.work-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease)}.work-card:focus-visible .work-card__img,.work-card:hover .work-card__img{transform:scale(1.06)}.work-card__caption{position:absolute;inset:auto 0 0 0;padding:1.6rem .85rem .7rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;color:var(--color-text);background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transform:translateY(6px);transition:opacity .25s var(--ease),transform .25s var(--ease);pointer-events:none}.work-card:focus-visible .work-card__caption,.work-card:hover .work-card__caption{opacity:1;transform:translateY(0)}@media (max-width:1024px){.work-row__list{grid-template-columns:repeat(3,1fr)}}@media (max-width:780px){.work-hero{min-height:480px}.work-hero__content{padding-top:calc(var(--nav-height) + 1.5rem)}.work-row__list{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.work-card__caption,.work-card__img,.work-hero__overlay{transition:none!important}}