.b-work-index{transform:none;opacity:1;z-index:unset;animation:none;isolation:unset}.b-work-index__item{--sub-text-opacity: .8;display:flex;position:relative;flex-direction:column;gap:.5rem;transition:background-color .3s,border .3s;border-bottom:1px solid color-mix(in sRGB,var(--color-teal) 50%,transparent);padding:1rem 2.5rem 1rem 0rem}@media (min-width: 834px){.b-work-index__item{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;padding-right:3.5rem}.b-work-index__item:hover{--sub-text-opacity: 1;border-color:var(--color-teal)}}.b-work-index__title{grid-column:1 / span 2;margin:0}.b-work-index__meta{display:flex;grid-column:3 / span 8;flex-direction:column;gap:.5rem;opacity:var(--sub-text-opacity);transition:opacity .3s}@media (min-width: 1280px){.b-work-index__meta{display:grid;grid-template-columns:1.35fr .65fr;align-content:center;gap:3rem}}.b-work-index__desc,.b-work-index__type{margin:0;font-weight:var(--font-weight-light)}.b-work-index__year{grid-column:12;gap:1rem;opacity:var(--sub-text-opacity);transition:opacity .3s;margin:0;font-weight:var(--font-weight-light)}@media (min-width: 834px){.b-work-index__year{text-align:right}}@media (max-width: 833.98px){.b-work-index__type,.b-work-index__year{font-size:var(--font-size-eyebrow-md);line-height:var(--line-height-eyebrow-md);letter-spacing:var(--letter-spacing-eyebrow-md);text-align:left}}.b-work-index__media{display:none;position:fixed;right:1rem;bottom:1rem;z-index:10;animation:media-fade-in .5s ease;width:440px}.b-work-index__item:hover:not(:has(.b-work-index__link:focus-visible)) .b-work-index__media,.b-work-index__item:has(.b-work-index__link:focus-visible) .b-work-index__media{display:block}@media (max-width: 1279.98px){.b-work-index__media{width:320px}}@media (max-width: 1023.98px){.b-work-index__media{display:none}}@media (min-width: 1280px){.b-work-index__media{width:25%}}.b-work-index__media-img{aspect-ratio:1/1;width:100%;object-fit:cover}.b-work-index__link:hover{text-decoration:none}.b-work-index__link:after{position:absolute;inset:0;pointer-events:auto;content:""}.b-work-index__link-icon{position:absolute;right:0;bottom:18px;transition:opacity .3s}@media (min-width: 834px){.b-work-index__link-icon{top:22px;right:12px;bottom:unset;opacity:0}[data-has-hover]:hover .b-work-index__link-icon{opacity:1}}@media (min-width: 1280px){.b-work-index__link-icon{top:50%;transform:translateY(-50%)}}@keyframes media-fade-in{0%{opacity:0}to{opacity:1}}