.work-showcase{border-bottom:1px solid var(--line);padding:110px 28px 80px}.work-showcase-head{grid-template-columns:.42fr 1.58fr;align-items:start;margin-bottom:64px;display:grid}.work-showcase-head>span{letter-spacing:.12em;font:700 10px monospace}.work-showcase-head h2{letter-spacing:-.075em;max-width:980px;margin:0;font-size:clamp(54px,7.5vw,108px);line-height:.86}.work-project-list{border-top:1px solid var(--ink)}.work-project{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:stretch;gap:34px;padding:28px 0;display:grid}.work-project-image{background:#ddd9cf;min-height:390px;display:block;position:relative;overflow:hidden}.work-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.15,.9,.35,1),filter .45s;display:block}.work-project-image:after{content:"";opacity:.5;background:linear-gradient(#0000 58%,#00000042);transition:opacity .3s;position:absolute;inset:0}.work-project-image>span{z-index:2;background:var(--paper);border:1px solid var(--ink);letter-spacing:.08em;padding:9px 11px;font:700 10px monospace;position:absolute;bottom:16px;left:18px}.work-project-image:hover img{transform:scale(1.035)}.work-project-image:hover:after{opacity:.75}.work-project-copy{flex-direction:column;padding:2px 0 4px;display:flex}.work-project-meta{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:18px;font:700 10px monospace;display:flex}.work-project-meta b{font:inherit}.work-project-copy h3{letter-spacing:-.065em;margin:62px 0 22px;font-size:clamp(42px,5.2vw,78px);line-height:.9}.work-project-copy h3 a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.work-project-copy p{max-width:560px;margin:0 0 34px;font-size:16px;line-height:1.55}.work-project-link{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.05em;width:max-content;margin-top:auto;padding-bottom:7px;font-size:12px;font-weight:800}@media (max-width:900px){.work-showcase{padding:76px 16px 54px}.work-showcase-head{grid-template-columns:1fr;margin-bottom:38px}.work-showcase-head>span{margin-bottom:25px}.work-project{grid-template-columns:1fr;gap:20px;padding:20px 0 34px}.work-project-image{aspect-ratio:16/10;min-height:270px}.work-project-copy h3{margin:34px 0 18px;font-size:14vw}.work-project-copy p{font-size:15px}.work-project-meta{align-items:flex-start}.work-project-meta span{text-align:right;max-width:70%}}