/* Play with Air: the approved landscape cover is the project card. */
.portfolio-air-poster-card{position:relative;background:#f5f3ed;isolation:isolate}
.portfolio-air-poster-card .air-poster-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.portfolio-air-poster-card .air-poster-actions{position:absolute;left:5.208333%;bottom:2%;display:flex;flex-direction:row;align-items:flex-end;gap:2cqw}
.portfolio-air-poster-card .air-poster-date{font-family:system-ui,sans-serif;font-size:12px;line-height:1.5;color:#67645e;letter-spacing:.04em;white-space:nowrap;flex:none;padding-bottom:2px}
.portfolio-air-poster-card .air-poster-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Match the complete title artwork bounds: x=100..840 on a 1920px image. */
.portfolio-air-poster-card .portfolio-card-actions{margin:0!important;width:38.59375cqw;max-width:100%;flex:0 0 auto}
.portfolio-air-poster-card .portfolio-card-actions>:is(a,button){width:100%!important}
@container (max-width:1000px){
 /* Keep controls below the complete image on smaller cards. */
 .portfolio-air-poster-card .air-poster-actions{position:relative;left:auto;bottom:auto;padding:4px 5.208333% 20px;flex-direction:row;align-items:flex-end;gap:2cqw;flex-wrap:nowrap}
 .portfolio-air-poster-card .portfolio-card-actions{width:38.59375cqw;flex:0 0 auto;flex-direction:column!important;flex-wrap:nowrap!important}
 .portfolio-air-poster-card .portfolio-card-actions>:is(a,button){width:100%!important;max-width:100%;min-width:0;min-height:clamp(26px,7.5cqw,40px)!important;padding:4px 3px!important;font-size:clamp(9px,3cqw,14px)!important;line-height:1.25!important;gap:5px!important;box-sizing:border-box;overflow-wrap:anywhere}
 .portfolio-air-poster-card .portfolio-card-actions svg{width:14px;height:14px;flex-shrink:0}
}
@container (max-width:640px){.portfolio-air-poster-card .air-poster-date{font-size:11px}}