.library-page .library-card.work-item{min-width:0;margin:0;display:block}.library-page .library-card .work-image{aspect-ratio:16/10;background:#f4f0eb;border-radius:0 clamp(38px,4.5vw,64px) 0 0;padding:clamp(20px,2.4vw,34px)}.library-card .library-preview{--library-phone-width:clamp(58px, 23%, 124px);align-items:center;width:100%;height:100%;display:grid;position:relative}.library-device-browser{background:#1d1d1d;border:1px solid #1d1d1d29;border-radius:5px;width:100%;min-width:0;overflow:hidden;box-shadow:0 2px 4px #0000000d,0 12px 24px -10px #00000029}.library-device-pair .library-device-browser{width:calc(100% - var(--library-phone-width) / 2)}.library-device-screen{aspect-ratio:16/10;background:#1d1d1d;position:relative}.library-device-screen img,.library-phone-screen img{object-fit:contain;object-position:center}.library-phone{z-index:1;width:var(--library-phone-width);background:#1d1d1d;border:1px solid #f4f0eb33;border-radius:13px;padding:3px;position:absolute;bottom:0;right:0;box-shadow:0 2px 4px #0000000d,0 10px 20px -8px #0003}.library-phone-screen{aspect-ratio:390/844;background:#1d1d1d;border-radius:9px;position:relative;overflow:hidden}.library-card .work-caption{align-items:start;gap:20px;margin-top:24px}.library-card .work-caption>div{min-width:0}.library-card-category{color:#b0ada9;min-height:32px;font-size:var(--type-label);line-height:var(--leading-ui);flex-wrap:wrap;align-content:center;gap:10px 17px;display:flex}.library-card-category>span{color:var(--accent-cool);font-variant-numeric:tabular-nums}.library-card .work-caption h3{letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word;margin-top:12px;font-size:clamp(24px,2.3vw,32px);font-weight:500;line-height:1.12}.library-card .library-card-meta{align-self:start;align-items:center;gap:14px;min-height:32px}.library-card .work-year{color:#b0ada9;font-variant-numeric:tabular-nums;margin:0}.library-card .work-open{width:32px;height:32px;color:var(--accent-cool);background:0 0;border:0;border-radius:0;transition:none}.library-card.work-item:hover .work-open{transform:none}.library-card .library-description{color:#bdb9b4;max-width:47ch;font-size:var(--type-body);text-wrap:pretty;margin-top:17px;line-height:1.7}.library-card-kind{color:#b0ada9;font-size:var(--type-label);line-height:var(--leading-body);margin-top:18px;display:block}.library-card:hover .work-caption h3,.library-card:focus-visible .work-caption h3{color:var(--accent-cool)}@media (max-width:760px){.library-page .library-card .work-image{border-top-right-radius:42px;padding:18px}.library-card .work-caption{gap:12px;margin-top:20px}.library-card .library-card-meta{gap:8px}.library-card .work-open{width:24px;height:24px}}@media (forced-colors:active){.library-card .work-image{outline:1px solid canvastext}.library-device-browser,.library-phone{border-color:canvastext}}