.work-page{--work-col-left:minmax(0, 50%);--work-col-right:minmax(0, 50%);background:var(--work-bg);min-height:100dvh;color:var(--work-ink);position:relative}.work-layout{min-height:100dvh;position:relative}.work-rail{width:50%;height:100dvh;padding:1.125rem max(var(--safe-area-x), env(safe-area-inset-left,0px));z-index:5;background:var(--work-bg);grid-template-rows:auto 1fr auto;display:grid;position:fixed;top:0;left:0}.work-logo{width:fit-content;color:var(--work-ink);text-decoration:none;display:inline-flex}.work-logo:focus-visible{outline:2px solid var(--work-ink);outline-offset:2px}.work-logo__mark{width:1.125rem;height:1.375rem;display:block}.work-rail__center{justify-content:center;align-items:center;padding-inline:clamp(1rem,8vw,4rem) 1rem;display:flex}.work-case-studies{letter-spacing:.14em;text-transform:uppercase;font-size:.625rem;font-weight:700}.work-edge{z-index:10;width:3rem;padding:1.125rem .75rem;padding-right:max(.75rem, env(safe-area-inset-right,0px));pointer-events:none;background:0 0;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;bottom:0;right:0}.work-edge__label,.work-edge__menu{pointer-events:auto;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--work-ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:.625rem;font-weight:700;text-decoration:none}.work-edge__menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-edge__label:hover,.work-edge__menu:hover,.work-edge__label:focus-visible,.work-edge__menu:focus-visible{opacity:.65}.work-edge__label:focus-visible,.work-edge__menu:focus-visible{outline:2px solid var(--work-ink);outline-offset:2px}.work-filters{flex-direction:column;gap:0;display:flex}.work-filters__menu-label{letter-spacing:.14em;text-transform:uppercase;margin-bottom:.625rem;font-size:.625rem;font-weight:700}.work-filter-btn{width:fit-content;font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--work-ink);opacity:.55;cursor:pointer;text-align:left;background:0 0;border:none;padding:.0625rem 0;font-size:.625rem;font-weight:400;transition:opacity .2s,font-weight .2s;display:block}.work-filter-btn:hover,.work-filter-btn:focus-visible{opacity:1}.work-filter-btn:focus-visible{outline:2px solid var(--work-ink);outline-offset:2px}.work-filter-btn.is-active{opacity:1;font-weight:700}.work-grid-panel{width:50%;min-height:100dvh;margin-left:50%}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0;display:grid}.project-card{color:inherit;visibility:hidden;text-decoration:none;display:block;overflow:hidden}.project-card:focus-visible{outline:2px solid var(--work-ink);outline-offset:-2px}.project-card__media{background:var(--work-media-fallback);transform-origin:50%;will-change:transform;position:relative;overflow:hidden}.project-card__media--3-4{aspect-ratio:3/4}.project-card__media--4-3{aspect-ratio:4/3}.project-card__media--1-1{aspect-ratio:1}.project-card__media--4-5{aspect-ratio:4/5}.project-card__media--5-4{aspect-ratio:5/4}.project-card__media--3-5{aspect-ratio:3/5}.project-card__image{object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%}.project-card__tags{opacity:0;flex-wrap:wrap;gap:.375rem;transition:opacity .25s;display:flex;position:absolute;bottom:.625rem;left:.625rem}.project-card:hover .project-card__tags,.project-card:focus-visible .project-card__tags{opacity:1}.project-card__tag{letter-spacing:.08em;text-transform:lowercase;color:var(--work-ink);background:0 0;font-size:.5625rem;font-weight:600}.project-card__tag:first-letter{text-transform:uppercase}.project-card__tag--web{color:var(--work-tag-web)}.project-card__tag--product{color:var(--work-tag-product)}.project-card__tag--brand{color:var(--work-tag-brand)}.project-card__tag--research{color:var(--work-tag-research)}.work-mobile-list{display:none}.work-mobile-item{color:inherit;border-bottom:1px solid #0a0a0a14;justify-content:space-between;align-items:baseline;gap:1rem;padding:.875rem 0;text-decoration:none;display:flex}.work-mobile-item:focus-visible{outline:2px solid var(--work-ink);outline-offset:2px}.work-mobile-item__title{letter-spacing:.02em;font-size:.8125rem;font-weight:500}.work-mobile-item__index{letter-spacing:.08em;opacity:.5;flex-shrink:0;font-size:.6875rem}@media (max-width:767px){.work-rail{width:100%;height:auto;padding-bottom:0;position:relative}.work-grid-panel{width:100%;min-height:auto;padding:0 max(var(--safe-area-x), env(safe-area-inset-right,0px)) 2rem max(var(--safe-area-x), env(safe-area-inset-left,0px));margin-left:0}.project-card{visibility:visible}.work-rail__center{align-items:center;padding-inline:0}.work-filters{align-items:center}.work-filter-btn{text-align:center}.work-case-studies{text-align:center;margin-top:.75rem}.work-grid{display:none}.work-mobile-list{flex-direction:column;display:flex}}