/* A compact, borderless selection: one preview per project. */
.work .section-top{max-width:1280px;margin:0 auto 30px;align-items:end}
.work .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1280px;margin:0 auto;gap:36px 24px;align-items:start}
.work .grid>.project:nth-child(n){grid-column:auto;grid-row:auto;width:100%;margin:0;padding:0;align-self:start;border:0;box-shadow:none}
.work .grid>.project:nth-child(n) .frame{aspect-ratio:16/9;border:0;border-radius:0;box-shadow:none}
.work .project .caption{margin-top:13px;gap:10px;border:0}
.work .project .caption .eyebrow{font-size:9px;letter-spacing:.04em;margin-bottom:6px}
.work .project h3,.work .project:first-child h3{font-family:'Archivo Black','Arial Black',sans-serif;font-size:clamp(17px,1.4vw,21px);font-weight:400;letter-spacing:-.04em;line-height:1.15}
.work .project .role{margin-top:7px;font-size:9px}
.work .project .view{top:12px;right:12px;bottom:auto;padding:8px 10px;background:#eeede8ed;font-size:8px}
.work .project .twist-title{gap:12px;align-items:center}
.work .project .twist-laurels{width:120px}
@media(max-width:950px){.work .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.work .project h3,.work .project:first-child h3{font-size:20px}}
@media(max-width:600px){.work .grid{grid-template-columns:1fr;max-width:390px;gap:30px}.work .project h3,.work .project:first-child h3{font-size:21px}.work .project .twist-laurels{width:135px}.work .section-top{gap:15px}.work .motion-toggle{font-size:9px}}
