/* Shared work presentation: image first, with project metadata on the page. */
.work-grid{gap:44px 28px;align-items:start}
.work-grid .work-card{background:transparent;border-radius:0;overflow:visible;min-width:0}
.work-grid .work-preview{display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;padding:0;text-align:left;background:none;border:0;border-radius:0;min-width:0;cursor:pointer}
.work-grid .work-preview .work-artwork{position:relative;isolation:isolate;width:100%;margin:0;aspect-ratio:1;overflow:hidden;border-radius:15px;background:var(--surface)}
.work-grid .work-artwork img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.work-grid .work-artwork::after{content:"";position:absolute;inset:65% 0 0;z-index:1;background:linear-gradient(transparent,#08090838);pointer-events:none}
.work-cover-action{position:absolute;z-index:2;left:6%;bottom:6%;display:flex;align-items:center;gap:12px;color:#fff;font-size:clamp(12px,1.15vw,17px);font-style:italic;font-weight:500;line-height:1.5;text-shadow:0 1px 6px #0008}
.work-cover-action::after{content:"";position:absolute;left:0;bottom:-5px;width:28px;height:3px;background:var(--yellow-accent);transition:width .3s}
.work-cover-action>span{opacity:0;transform:translate(-5px,4px);transition:transform .3s,opacity .3s}
.work-grid .work-artwork figcaption{z-index:2;inset:auto 5% 6% auto;padding:3px 5px;max-width:35%;border-radius:3px;font-size:7px;line-height:1.35;letter-spacing:.09em;font-weight:500;color:#fff;background:#08090866}
.work-meta{display:flex;align-items:baseline;gap:8px;margin:18px 2px 10px;font-size:clamp(9px,.8vw,12px);font-weight:600;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:#6d6766}
.work-number{color:#9883b1}
.work-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;width:100%;padding:0 2px}
.work-grid .work-preview h3{display:block;width:auto;min-width:0;min-height:0;margin:0;line-height:1.12;letter-spacing:-.035em;font-size:clamp(19px,1.8vw,29px);font-weight:650;overflow-wrap:anywhere}
.work-card-arrow{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #191919;border-radius:50%;font-size:20px;font-weight:400;line-height:1;transition:transform .3s,background .3s,color .3s}
.work-grid .work-preview:focus-visible{outline:3px solid var(--accent-ink);outline-offset:7px;border-radius:15px 15px 2px 2px}
.work-preview:focus-visible .work-card-arrow{background:var(--ink);color:white;transform:rotate(45deg)}
.work-preview:focus-visible .work-cover-action>span{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){
 .work-grid .work-preview:hover .work-artwork img{transform:scale(1.035)}
 .work-preview:hover .work-cover-action>span{opacity:1;transform:none}
 .work-preview:hover .work-cover-action::after{width:calc(100% - 20px)}
 .work-preview:hover .work-card-arrow{background:var(--ink);color:#fff;transform:rotate(45deg)}
}
@media(min-width:768px) and (max-width:1000px){
 .work-grid{gap:35px 20px}.work-title-row{gap:8px}.work-card-arrow{width:25px;height:25px;flex-basis:25px;font-size:17px}
 .work-grid .work-preview h3{font-size:20px}.work-meta{font-size:9px;letter-spacing:.06em;gap:5px}.work-cover-action{font-size:12px}
}
@media(max-width:767px){
 .work-grid{gap:34px}.work-grid .work-preview .work-artwork{border-radius:13px}
 .work-grid .work-preview h3{font-size:25px;line-height:1.13}.work-meta{font-size:10px;margin-top:17px;margin-bottom:9px;gap:7px}
 .work-cover-action{font-size:15px}.work-cover-action>span{opacity:1;transform:none}
 .work-grid .work-artwork figcaption{font-size:7px}.work-card-arrow{width:31px;height:31px;flex-basis:31px}
}
@media(prefers-reduced-motion:reduce){.work-grid .work-preview .work-artwork img,.work-grid .work-card-arrow{transform:none!important}}
.motion-off .work-grid .work-preview .work-artwork img,.motion-off .work-grid .work-card-arrow{transform:none!important}