.works{padding-top:10rem;display:grid;gap:1.2rem}@media only screen and (min-width: 911px){.works{grid-template-columns:repeat(18, minmax(0, 1fr));gap:2rem;padding-top:14rem}}@media only screen and (min-width: 911px){.works__menu{transform:translateY(-3rem);align-self:flex-start;position:sticky;top:14rem}}.works__menu-heading{margin-bottom:2rem}.works__menu-link{display:inline-block}.works__work{position:relative}@media only screen and (min-width: 911px){.works__work{grid-column:span 5}}.works__work-header{display:flex;gap:1rem}@media only screen and (min-width: 911px){.works__work-header{position:absolute;bottom:calc(100% + 1rem)}}.works__work-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:.5rem;background:rgba(240,240,240,.65);backdrop-filter:blur(20px);padding:1.4rem 1.3rem 1.3rem 1.3rem}@media only screen and (min-width: 911px){.works__work-title{position:static;padding:0;backdrop-filter:none;background:none;border-radius:0;transform:none}}.works__work-index{position:absolute;top:1rem;left:1rem;color:var(--mobile_index_color)}@media only screen and (min-width: 911px){.works__work-index{position:static;color:var(--color-text-quaternary);margin-top:.6rem;transition:margin-top .3s ease-in-out}}@media only screen and (min-width: 911px)and (hover: hover)and (pointer: fine){.works__work:hover .works__work-index{margin-top:0}}.works__work-text{display:none;align-self:flex-start;max-width:18.5rem;overflow:hidden;transition:all .3s ease-in-out;grid-template-rows:0fr}@media only screen and (min-width: 911px){.works__work-text{display:grid}}@media(hover: hover)and (pointer: fine){.works__work:hover .works__work-text{grid-template-rows:1fr}}.works__work-text-inner{min-height:0;transition:visibility .3s,opacity .3s 0s ease-in-out;opacity:0;visibility:hidden}@media(hover: hover)and (pointer: fine){.works__work:hover .works__work-text-inner{transition:visibility .3s,opacity .3s .1s ease-in-out;visibility:visible;opacity:1}}@media only screen and (min-width: 911px){.works__work-asset-wrapper{display:grid}.works__work-asset-wrapper>*{grid-area:1/-1}}.works__asset{aspect-ratio:35.8/19}@media only screen and (min-width: 911px){.works__asset{aspect-ratio:37.3/62.1}}.works__asset picture,.works__asset img,.works__asset video{width:100%;height:100%;object-fit:cover}.works__asset-on-hover{display:none}@media only screen and (min-width: 911px){.works__asset-on-hover{display:block;width:100%;aspect-ratio:37.3/62.1;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}}@media only screen and (min-width: 911px)and (hover: hover)and (pointer: fine){.works__work:hover .works__asset-on-hover{opacity:1;pointer-events:auto}}.works__menu{display:none}@media only screen and (min-width: 911px){.works__menu{display:block;grid-column:span 3}}