.work{z-index:2;min-height:100vh;padding:16vh var(--gutter) 14vh;background:var(--paper-solid);position:relative}.work__header{margin-bottom:clamp(40px,5vw,80px)}.work__h1{font-size:var(--fs-h1);letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:400;line-height:1.05}.work__sub{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:clamp(12px,1.2vw,18px);display:flex}.work__count{font-size:var(--fs-label);color:var(--ink-mute);margin:0;line-height:1.45}.work__disciplines{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-logo)}.work__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(48px,5.4vw,88px) clamp(16px,2vw,32px);display:grid}.wcard{grid-column:span 4}.wcard--feature{grid-column:span 8}.wcard__media{aspect-ratio:3/2;border-radius:var(--r-lg);cursor:pointer;width:100%;box-shadow:inset 0 0 0 1px #0000000a, var(--shadow-sm);transition:box-shadow .5s var(--ease-out), translate .5s var(--ease-out);isolation:isolate;background:#eff1f3;display:block;position:relative;overflow:hidden}.wcard__still,.wcard__video{object-fit:cover;width:100%;height:100%;transition:opacity .3s,transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.wcard__video{z-index:0}.wcard__still{z-index:1}.wcard--has-video:hover .wcard__still{opacity:0}.wcard:not(.wcard--has-video):hover .wcard__still{transform:scale(1.02)}.wcard__poster{background:var(--poster);display:block}.wcard__poster-block{background:#ffffff29;width:17%;height:62%;position:absolute;top:22%;left:46%}.wcard__poster-block--b{background:#00000024;width:13%;height:50%;top:34%;left:68%}.wcard__poster-year{font-size:var(--fs-tiny);letter-spacing:.2em;color:#ffffffa8;position:absolute;bottom:.9em;left:1.1em}.wcard__info{flex-direction:column;gap:6px;margin-top:14px;display:flex}.wcard:hover .wcard__title-link{color:var(--blue)}.wcard__title{font-size:var(--fs-lead);color:var(--ink);margin:0;font-weight:500;line-height:1.3}.wcard__blurb{font-size:var(--fs-label);color:var(--ink-mute);margin:0;font-weight:400;line-height:1.45}.wcard__kicker{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.wcard--feature .wcard__info{margin-top:18px}.wcard--feature .wcard__title{letter-spacing:-.01em;font-size:clamp(24px,2.2vw,34px);line-height:1.2}.wcard--feature .wcard__blurb{max-width:var(--measure);font-size:var(--fs-small)}@media (max-width:1024px){.wcard{grid-column:span 6}.wcard--feature{grid-column:1/-1}}@media (max-width:640px){.work{padding-top:18vh}.work__grid{row-gap:44px}.wcard,.wcard--feature{grid-column:1/-1}.work__sub{flex-direction:column;gap:6px}}.wcard__title-link{color:inherit;text-decoration:none;transition:color .3s}.wcard__title-link:hover{color:var(--blue);text-underline-offset:.25em;text-decoration:underline}.wcard__art{display:block}.wcard__soon{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-micro);letter-spacing:.04em;color:var(--ink);pointer-events:none;background:#ffffffdb;border-radius:999px;padding:6px 12px;position:absolute;top:12px;left:12px}.wcard:hover .wcard__media{box-shadow:inset 0 0 0 1px #0000000a, var(--shadow-md);translate:0 -2px}.wcard__soon{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shine), var(--shadow-sm);border:1px solid #ffffff80}@media (prefers-reduced-motion:reduce){.wcard:hover .wcard__media{translate:none}}
