.work-list{border-bottom:1px solid var(--line)}.work-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,300px) 1fr;align-items:center;gap:clamp(22px,3vw,44px);padding-block:clamp(24px,3vw,34px);display:grid}.work-media{aspect-ratio:16/10;border-radius:var(--radius);background:var(--wc,#0a2438);color:var(--wt,#fffaf1);text-align:center;transition:transform .35s var(--ease), box-shadow .35s var(--ease);place-items:center;display:grid;position:relative;overflow:hidden}.work-media:after{content:"";pointer-events:none;opacity:.14;background-image:radial-gradient(#ffffff80 .7px,#0000 .7px);background-size:14px 14px;position:absolute;inset:0}a.work-media:hover,a.work-media:focus-visible{transform:translateY(-4px);box-shadow:0 26px 46px -30px #0a2438b3}.wm-mono{font-family:var(--font-display);opacity:.95;font-size:clamp(2rem,5vw,3rem);font-style:italic;line-height:1}.wm-note{letter-spacing:.16em;text-transform:uppercase;opacity:.72;font-size:.6rem;position:absolute;bottom:12px;left:0;right:0}.work-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 20px;display:flex}.work-body h3{font-family:var(--font-display);font-weight:400;font-size:var(--step-h3);color:var(--navy);flex:auto;line-height:1.12}.work-cat{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);flex:none;font-size:.68rem;font-weight:800}.work-body p{color:var(--muted);max-width:60ch;margin:12px 0 0}.work-hero-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-hero);letter-spacing:-.02em;color:var(--navy);line-height:.98}.wc-navy{--wc:#0a2438}.wc-teal{--wc:#10707a}.wc-plum{--wc:#43354f}.wc-orange{--wc:#a84d15}.wc-slate{--wc:#33505f}@media (width<=760px){.work-row{grid-template-columns:1fr;gap:18px}}.section-head.with-link{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.section-head.with-link>div{max-width:62ch}.head-link{letter-spacing:.1em;text-transform:uppercase;color:var(--navy);border-bottom:2px solid var(--line);transition:color .2s var(--ease), border-color .2s var(--ease);flex:none;padding-bottom:4px;font-size:.78rem;font-weight:800}.head-link:hover,.head-link:focus-visible{color:var(--orange-ink);border-color:var(--orange-ink)}.work-body h3 a{color:inherit;transition:color .2s var(--ease)}.work-body h3 a:hover,.work-body h3 a:focus-visible{color:var(--orange-ink)}.work-media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.work-media:has(img){background:0 0}.work-media:has(img):after{content:none}