/* Only the web-development card: independent logo link, never nested in its button. */
.service-grid .website-factoria-card{display:grid;grid-template-columns:minmax(0,1fr) 96px;column-gap:10px;row-gap:12px;align-content:start;container-type:inline-size}
/* Share the image and caption rows while keeping the logo a separate link. */
.service-grid .website-factoria-card>button{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1/-1;grid-row:1/3;min-width:0}
.service-grid .website-factoria-card>button .tile-image{grid-column:1/-1;grid-row:1}
.service-grid .website-factoria-card>button h3{grid-column:1;grid-row:2;margin:0;padding:0;min-height:44px}
.service-grid .website-factoria-link{grid-column:2;grid-row:2;align-self:start;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;min-height:44px;padding:0 0 0 10px;border-left:1px solid #c6c8c5;text-decoration:none}
.service-grid .website-factoria-link img{display:block;width:84px;max-width:100%;height:auto}
.service-grid .website-factoria-link:hover{opacity:.78}
.service-grid .website-factoria-link:focus-visible{outline:2px solid #146d83;outline-offset:3px;border-radius:2px}
.service-grid .website-factoria-card>.service-illustration-note{grid-column:1/-1;grid-row:3}
@container(max-width:280px){
  .service-grid .website-factoria-card>button h3{grid-column:1/-1;min-height:0}
  .service-grid .website-factoria-link{grid-column:1/-1;grid-row:3;justify-self:start;padding:0;border-left:0;max-width:100%}
  .service-grid .website-factoria-card>.service-illustration-note{grid-row:4}
}