.work-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.work-tile{min-width:0;background:#eeeee4;border:1px solid #dedfd0;border-radius:21px;box-shadow:inset 0 1px 1px #fff8,0 4px 9px #37452c08;overflow:hidden;transition:box-shadow .25s,transform .25s}
.work-tile:hover{box-shadow:0 9px 22px #37452c18;transform:translateY(-3px)}
.work-cover{position:relative;display:block;margin:10px 10px 0;aspect-ratio:1.65;overflow:hidden;border-radius:13px;background:#eeeadd}
.work-cover>img{width:100%;height:100%;object-fit:cover}.cover-corre>img{object-position:center top}.cover-silver{background:#111515}.cover-silver>img{object-fit:cover}
.work-cover-action{position:absolute;right:14px;bottom:14px;background:#f9f5eaeF;border:1px solid #fff8;color:#434d39;backdrop-filter:blur(6px);box-shadow:0 3px 8px #28322219;border-radius:30px;padding:11px 15px;font-size:13px;line-height:1.3}
.work-info{display:flex;justify-content:space-between;gap:20px;padding:23px 25px 25px;align-items:center}
.work-type{display:inline-block;font-size:12px;letter-spacing:.15px;padding:7px 11px;border-radius:20px;background:#e0e4d1;color:#4e5c3d;margin-bottom:15px;line-height:1.3}
.work-type-concept{background:#e2dce8;color:#685575}
.work-info h3{font:40px/1.05 var(--serif);letter-spacing:-.7px}.work-info p{font-size:16px;color:#5e6857;line-height:1.6;margin-top:10px}.work-info small{display:block;font-size:14px;color:#636b5b;line-height:1.55;margin-top:13px}
.work-open{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ccd4bd;border-radius:50%;background:#f7f7ec;flex-shrink:0;color:#65754e;transition:background .2s,transform .2s}.work-open svg{width:15px;height:15px}.work-open:hover{background:#dce5c9;transform:translate(2px,-2px)}
:root[data-color-mode=dark] .work-tile{background:#252825;border-color:#f2e6d024;box-shadow:inset 0 1px 1px #fff1dc0a,0 4px 9px #0003}
:root[data-color-mode=dark] .work-tile:hover{box-shadow:0 9px 22px #0005}
:root[data-color-mode=dark] .work-info p,:root[data-color-mode=dark] .work-info small{color:#b8b8ae}
:root[data-color-mode=dark] .work-type{background:#3d4436;color:#d5dec2}
:root[data-color-mode=dark] .work-type-concept{background:#423c48;color:#d7c9e1}
:root[data-color-mode=dark] .work-open{background:#343a34;border-color:#72756a;color:#e7e4d9}
:root[data-color-mode=dark] .work-open:hover{background:#485044}
@media(max-width:1100px){.work-info{padding:21px 23px 24px}.work-info h3{font-size:38px}.work-cover{aspect-ratio:1.6}}
@media(max-width:850px){.work-collection{gap:18px}.work-info{padding:19px 20px 21px;gap:14px}.work-info h3{font-size:36px}.work-info p{font-size:16px}.work-info small{font-size:14px}.work-type{font-size:12px}.work-open{width:44px;height:44px}.work-cover{margin:8px 8px 0;border-radius:11px;aspect-ratio:1.4}.work-cover-action{font-size:13px;right:11px;bottom:11px}}
@media(max-width:700px){.work-collection{grid-template-columns:1fr;gap:19px}.work-cover{aspect-ratio:1.55;margin:9px 9px 0}.work-info{padding:22px 23px 24px}.work-info h3{font-size:38px}.work-info p{font-size:16px}.work-info small{font-size:14px}.work-type{font-size:12px;margin-bottom:15px}.work-open{width:44px;height:44px}.work-cover-action{font-size:13px;padding:11px 15px;bottom:12px;right:12px}}
@media(max-width:370px){.work-info{padding:21px}.work-info h3{font-size:38px}}

.cover-umbral,.cover-loma{padding:0}.cover-umbral>img,.cover-loma>img{object-position:center top}
.cover-umbral,.cover-loma{background:#f4f3ee}.cover-umbral>img,.cover-loma>img{object-fit:contain;object-position:center}