/* Pair the device mockup with the introduction, above the four role descriptions. */
.inside .department-feature {
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
  grid-template-areas:"head art" "roles roles";
  align-items:center;
  row-gap:clamp(18px,2vw,30px);
}
.department-feature .product-visual {
  align-self:center; justify-self:center; width:min(100%,440px);
}
.department-feature .product-visual img {
  width:100%; height:auto; max-height:none; display:block; margin:auto;
  background:transparent; border-radius:0;
}
.department-feature .role-roster {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 clamp(24px,4vw,48px);
}
@media(max-width:650px) {
  .inside .department-feature {grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "art" "roles";gap:12px}
  .department-feature .product-visual {width:min(92%,340px)}
  .department-feature .role-roster {grid-template-columns:minmax(0,1fr)}
}
@media print {
  .inside .department-feature {display:block}
  .department-feature .product-visual {width:75%;max-width:320px;margin:10px auto}
  .department-feature .role-roster {display:block}
}